How to disable zooming of images when mouse over?

I just want the image to fill up the square and not do that zoom thing. My images aren't filling up the square, but they look like rectangles. How do I disable the zooming and have the products fill the entire box?

Hi,
but where: in module, in article view or VM view ? more details and URL please.

Could You please post an url to your site?

the site is still offline. On the front page of the instyle template, there is a section that says best sellers. That module is using news pro and showing virtuemart items. How do I disable that "zoom and turn effect" on the product images

Please edit: /templates/gk_instyle/css/override.css and add at its end:

Code: Select all

.gkBanner:hover > a > img {
opacity: 1;
filter: alpha(opacity=1);
-webkit-transform: scale(1) rotateZ(0deg);
-moz-transform: scale(1) rotateZ(0deg);
-ms-transform: scale(1) rotateZ(0deg);
-o-transform: scale(1) rotateZ(0deg);
transform: scale(1) rotateZ(0deg);
}


Remember to enable "CSS override" in template settings - advanced section.