• About to lose my mind!

    The 3 photos for the featured pages on the front page. They have some sort of script that zooms/opens wider when you mouseover the 3 images. I MUST remove this effect. Can’t find the source anywhere!!!!!

    If anyone could throw some code help my way I would greatly appreciate it!

Viewing 6 replies - 1 through 6 (of 6 total)
  • It’s not a script, it’s just CSS 3. Add this to your custom CSS:

    .widget-front.hover .round-div {
    	-webkit-transform: none;
    	-moz-transform: none;
    	-ms-transform: none;
    	-o-transform: none;
    	transform: none;
    }

    If you want to remove that effect from post lists too, replace .widget-front.hover with #main-wrapper in the code above.

    And don’t lose it.

    Thread Starter graphicimpulse

    (@graphicimpulse)

    Thank you! But now, instead of showing the actual image it is the image with out it zooming out. How it was before just not zooming.. need it as just the picture files as they are..

    I tried just using an image the size of the circles now and they just got shifted and looked even worse.

    You can see what I mean at https://www.ssamr.com

    I’m having a similar problem
    I’ve changed the Background on my site but now I have some ugle white blocks

    https://hammerwolf-technologies.co.uk/

    any suggestion to get rid of them?
    any other effect I can use on the featured pages?

    @smithybboy: you need to start your own thread if you want that question answered.
    @graphicimpulse: replace the code I gave above with:

    .widget-front.hover .round-div {
    	border-color: transparent;
    }

    I thought you said you want to remove the effect. In fact you didn’t want it removed, you wanted it permanently ON, regardless of hover.

    The zoom feature is still there with this new code you just posted, @acub. Anyway you can give us code that allows us a full photo on each of the three images? each image is still currently cut off ??
    https://www.newmilitarybenefits.com

    .widget-front.hover .round-div {
    	border-color: transparent;
    }
    .widget-front .round-div {
    	border-color: transparent;
    }

    Try This…
    the effect is still there with this code but it’s invisible

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Theme: Customizr] Featured page images zooming’ is closed to new replies.