When using a masonry grid of photos, how do I turn the “zooming” hover feature off? I just want the photo to be a static image that has no effect. Thank you!
Hi ConductorInc!
Could you provide us with a link to the site in question so that we can take a closer look please?
Best regards,
Rikard
Hi Rikard –
Thanks for the quick response. Unfortunately it’s a private corporate site on a temporarily server, so I can’t share it. It’s the Startup child them of the Enfold WordPress theme, and it’s the full screen Masonry layout – by default when I put photos in that section, the hover effect is to zoom in on the photo slightly. I just want them to stay static and no move at all upon hover.
Thanks
Hi!
You can add this to the Quick CSS field to disable the masonry hover animation:
.avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
-webkit-transform: scale(1.0,1.0);
transform: scale(1.0,1.0);
}
Best regards,
Ismael
Thanks so much – that worked perfectly.