Change rollover effect

Hi, my client does not like the rollover effect of the modules (the way that the pic tilts and zooms when I rollover), is there a way to turn it off, or select a different effect?
Thanks for your help,
Jelmar

You can add below css code in to css/override.css and enable css override from template settings > advanced settings > css override "on".

Code: Select all

.nspArt .nspImageWrapper:hover img {-moz-transform: none!important;}


See you around...

Tried this code and added it to the override.css although the effect is still functioning.
CSS Override has been enabled in the template options?! any ideas?

Please post a link to your website so we can check which css class effects your modules as below code does work in demo website.

See you around...

I used the suggested code for override and worked for me when hover over images, but the text link (h4 nspHeader) used below the images are still active and when you hover over, the images still scale and rotate.
I don't want to mess the gk.stuff.css - Any more override code suggestion for headers?
Thanks.

Hey my site is http://www.visuallinemedia.com

Sorry for the late reply, I was offline due to health problems. I have checked your website and I cannot see any more rollover effects. Let me know if you still need help with this.

See you around...

I have the same problem and have also tried the code into the override.css with no effect.

Please help to get rid of the movement:

Here is my web: www.ninakarlssonsalon.es and also www.nina-karlsson-salon.es

@mittspania.

Please use following css code in your override.css

Code: Select all

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


See you around...

The code, which seems absolute correct, did not have any effect.

The picture is still twisting and "comming up to my face"

How can we get rid of this !!??

This is the code you have added in your override.css which is not correct. Please check and correct.
Your code

Code: Select all

.nspArt .nspImageWrapper:hover img {
    transform: none !important;
}


Should be

Code: Select all

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


See you around...

I have and I had before added both those lines. The first was added because you posted that line in a former post (in the same tread.

Shall I delete the first line .nspArt .nspImageWrapper:hover img {
transform: none !important;
}

which you first presented to us in this tread?

Jan

That part of the code is for News Show Pro module's rollover effect I believe which is not used in your website.

I understand that if I put both codes in the override.css it is not wrong.

But as I said: The movement is still there. I do not want it at all. !

Post a sample link where rollover effects are available so I can see the css selectors then I can make a suggestion. See you around...

Here is one URL: http://nina-karlsson-salon.es/harvard.html

Checked with Firefox and I cannot see rollover effect in that link. There is only image popup once you click on the image itself.

Which browser are you checking with ?

I use Chrome (latest ver) with the problem
The marked share for Chrome is much higher than Firefox, so I think this has to be solved also for Chrome
I that both Firefox and Internet Explorer works fine

Replace previous code in override.css to below code.

Code: Select all

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


See you around...

That last code worked perfect. Your my man!!

No problem at all, see you around...