Remove zoom effect on picture

Please how to remove the zoom effect on picture? Where is this located? thank you

Hi,
read following guide: http://www.gavick.com/documentation/gen ... ox-effect/

Hello, I also wanted to remove the zoom effect on images of k2 items but application of the recommended code in the link you provided removes the effect from images in NSP only. Images of links in NSP as well as k2 item images till have the zoom effect.

I added the code below to override.css

Code: Select all

.nspArt .nspImageWrapper:hover img,
.gkNspPM-TitleOverlay:hover .gkImgOverlay,
.gkNspPM-TitleOverlay > figure:hover > img
 {
   transform: none !important;
   -moz-transform: none !important;
   -ms-transform: none !important;
   -o-transform: none !important;
   -webkit-transform: none !important;
}

How can I remove the zoom effect on images of k2 items?

NB: I found this topic under Joomla 3.x but am using Joomla 2.5.x

Hello

I have the same problem you described.

Once I enter every single post, the main image still remain with the zoom effect.

The problem is not on the front page, because I put the Custom CSS into the template, as suggested by Gavick official guide.

Please help!

Hi!
Well and if I want to change the effect? Its possible create a new effect (vignette) or choose one of yours? (something like rockwall effect?)

Not sure if it is the correct way but this worked for me:

I went into the gk.stuff.css and commented the following block:

Code: Select all

.nspMain .nspImageWrapper:hover img {
/*    -webkit-transform: scale3d(1.3, 1.3, 1) translate3d(0px, 10%, 0px);
   -moz-transform: scale3d(1.3, 1.3, 1) translate3d(0px, 10%, 0px);
   -ms-transform: scale3d(1.3, 1.3, 1) translate3d(0px, 10%, 0px);
   -o-transform: scale3d(1.3, 1.3, 1) translate3d(0px, 10%, 0px);
   transform: scale3d(1.3, 1.3, 1) translate3d(0px, 10%, 0px); */
}

Next I did the same for k2.css:

Code: Select all

.itemImageBlock img:hover {
   /* -webkit-transform: scale3d(1.3, 1.3, 1) translate3d(0px, 10%, 0px);
   -moz-transform: scale3d(1.3, 1.3, 1) translate3d(0px, 10%, 0px);
   -ms-transform: scale3d(1.3, 1.3, 1) translate3d(0px, 10%, 0px);
   -o-transform: scale3d(1.3, 1.3, 1) translate3d(0px, 10%, 0px);
   transform: scale3d(1.3, 1.3, 1) translate3d(0px, 10%, 0px); */
}

Not sure if it disables other functions but it got me rid of the image zoom.

So what is the correct method for removing the zoom?

I have purchased, downloaded and installed the Quickstart version of news 2. In the override.css, I have added 3 different sets of code that I have found on this site including the following code found on the URL referenced by Oscar E.

Code: Select all

 .nspArt .nspImageWrapper:hover img,
.gkNspPM-TitleOverlay:hover .gkImgOverlay,
.gkNspPM-TitleOverlay > figure:hover > img
 {
   transform: none !important;
   -moz-transform: none !important;
   -ms-transform: none !important;
   -o-transform: none !important;
   -webkit-transform: none !important;
}

I have enabled CSS override in the template manager and purged the cache after every change but the zoom effect is still occuring.

Thanks in advance for any help in solving this issue.

There was also guide here: https://www.gavick.com/documentation/jo ... ox-effect/

There was also guide here: https://www.gavick.com/documentation/jo ... ox-effect/

As I noted, I have already used the CSS code you linked to (using the instructions for adding or using customized CSS) and it had no effect.

WWW URL please in this case.