Removing hover effect (overlay) on gallery images, when disabling Lightbox

[Tor Slotmann]

Hi there,

Is it possible to disable the hover effect (i.e. the overlay, the scaling of the image and the magnifying glass icon) on gallery images, when disabling the Lightbox functionality for the images in the gallery element?

Many thanks,
Tor

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.portfolio-item figure.animated-overlay figcaption{
display:none !important;
}

Thanks
Mohammad

[Tor Slotmann]

Hi Mohammad,

Thank you very much. I guess that it is:

.gallery-image figure.animated-overlay figcaption{
display:none !important;
}

– when it concerning the gallery element, right?

The above doesn’t remove the scale animation though. That would be great to get rid of, since gallery images aren’t interactive any longer.

By the way, I think that it is something that you guys ought to fix in a future update, since it doesn’t make sense to indicate lightbox functionality when it is disabled.

Many thanks,
Tor

[Tor Slotmann]

Oh, and it is possible to disable lightbox functionality for individual screen resolutions as well?

Or should I rather define two rows with identical gallery elements; one row visible for desktop and tablet, and with lightbox functionality enabled – and another visible for mobile, with lightbox disabled?

Many thanks,
Tor

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

figure.animated-overlay:hover > img {
    transform: scale(1) !important;
}

Thanks
Mohammad

[Tor Slotmann]

Thanks, Mohammad – it worked 🙂

[Rui Guerreiro – SUPPORT]

Great. Thanks Mohammad.
-Rui

[Tor Slotmann]

Hi Mohammad,

Uh-oh, I was too fast to conclude it worked – it worked in Firefox responsive viewports on desktop – but not on an actual iPhone 4S…
Can you give it one more try, please?

Many thanks,
Tor

[Mohammad – SUPPORT]

Hi,
Have you removed all css code as i gave you in previous reply?
Thanks
Mohammad