Image zoom on catalogue page

Hello,
I am trying to remove the image zoom when you hover over the products on the catalogue page.
I found a post in the forum and tried putting this in my override.css:

'Yes it's zoom effect on hover. If you want to remove it, please add this code into override.css file:'

CODE: SELECT ALL
.gk-nsp-art .gk-nsp-image:hover,
article figure.featured-image:hover img {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}

This does not seem to work for me.

Any ideas? thanks

Hi,

Your code is for images from News Shoow Pro plugin, for the producst, use the following code:

Code: Select all

ul.products li.product > a > img:hover {
   -webkit-transform: scale(1.0) rotateZ(0);
   -moz-transform: scale(1.0) rotateZ(0);
   -ms-transform: scale(1.0) rotateZ(0);
   -o-transform: scale(1.0) rotateZ(0);
   transform: scale(1.0) rotateZ(0);
}


Thanks!