Remove image zoom effect on ALL site images

Hi - I know there are several posts about removing the image zoom function for this template, with links to help files on this forum, but could you give me a SINGLE instruction to remove ALL image zoom effects, site-wide.

Previous suggestions, in help files and posts here, only seem to work on the home page and not site-wide.

Would be great to have a definitive code list for this as it seems to be a function lots of people would like to change.

Thanks for your help and sorry to ask similar questions, but I have followed every topic link with only partial success.

Hi,
but please tell me which code you added to remove zoom.
I hope that you've read also this: https://www.gavick.com/documentation/jo ... box-effect


Sorry that I cannot update this documentation anymore.
So there is no full guide (and probably won't be) ... only tips on forum and this guide.

Thanks Oscar,

I've read this: https://www.gavick.com/documentation/jo ... box-effect and added css override code, as well as other suggestions published here in the forum.

None of the code suggestions appear to stop the zoom effect in K2 items. Have I missed something? Many thanks - Andy

Sure, rule is this same, but the class it different.

Code: Select all

.itemImageBlock img:hover {  transform: none !important;  }

Many thanks - I've included the code you suggested but K2 item images still zoom. Do I need to add additional code to stop this?

try this
.itemImageBlock img { transform: none !important; transition:none; }

in my example page it worked.

Clear CMS cache !!!

Thanks for that. I've cleared the joomla cache and the browser cache but when I use the code you suggest there is no change. All images still display the zoom effect. Strange!

My code works for K2 items.
You want also for articles ?
URL where you still have zoom, please

Have sent you a private message (subject: image zoom problems) with the URL - site still under development. Many thanks - Andy

did you added only my last code.

ALL CSS CODE MUST BE ADDED !
from this topic + GK guide

it's because in
templates/gk_news2/css/gk.stuff.css
"zoom" I mean "transform:.... " is added in many places !

Ok, I guess looking on your website that all zoom are gone.