Turn off zoom effect on ALL images

[Malaika]

Hi,

Can you please give me the code to turn-off the zoom effect on ALL images on my website?

Thank you!

[Kyle – SUPPORT]

Hi

Please can you provide your link? I need to see what assets your using so I can see what the best way will be

– Kyle

[Malaika]

This reply has been marked as private.

[Kyle – SUPPORT]

Add this to your custom css:

figure.animated-overlay:hover > img {
  transform: none;
}

– Kyle

[Malaika]

That worked, although the arrow that overlays looks different, stretched and closed, now.

And could you also give me the code to stop the hover text or arrow from zooming, it just needs to be there, not zoom?

Thanks!

[Mohammad – SUPPORT]

Hi,
Please use this custom css code also:-

figure.animated-overlay:hover figcaption {
transform: none !important;
}

figure.animated-overlay:hover {
transform: none !important;
}

Thanks
Mohammad

[Malaika]

Unfortunately Mohammed, it doesnot work. Everything stays zoomed, text and image. Please check at:

test.mad-work.com

[Malaika]

Sorry, it does work. I deleted the other code, but shouldn’t have. Sorry and thank you!

[Mohammad – SUPPORT]

Hi,
You most welcome.
Thanks
Mohammad

[Malaika]

Hello, you helped me great, however the size of the hoverlay text is too small. It is H4 (=16px), however doesnot have that size.

How can I change the text size to a bigger size.

See http://mad-work.com/test/work/ and click on one of the images to see what I mean…

I am using Cardinal.

Thank you!

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

figcaption .thumb-info h3, figcaption .thumb-info h4, figcaption .thumb-info h5{
font-size:20px !important;
}

Thanks
Mohammad