How to turn off hover animation? (News Show Pro GK5)

Is there a way to turn off the side turning animation when mouse hovers on a thumbnail? No luck when I tried going to News Show Pro GK5 Module --> Animation --> off for hover and animation.

Thanks in advance!

Hi

Please add this to css:

Code: Select all

.gkNspPM-TitleOverlay .gkImgOverlay { display: none; }


Thank you very much! Now I have another question... how to access and add the code to the CSS? Thanks!

No luck when I tried adding it through template manager --> advanced setting --> custom css code.

I added the code to my override.css with no luck,:(

I also found and added this code to override css, but it's still not working. I did have the override css button switched on.

Am about to launch the website asap, please help! Thanks so much~~!!

Hi

Please show me exactly which animation You have in mind. For me this code is working, so I'm guessing I've misunderstood the place You were talking about.

Hello! It's the thumbnail picture on the home page created by News Show Pro. Example would be (on Rockwall demo home page) of a man jumping with guitar "here i am waiting i'll have....." or the sunglasses guy in the 'news and features'. Is there a way so the pictures are stable and without the zoom in and turn side-ways? Thank you!

http://demo.gavick.com/joomla25/rockwall/

Hello, I really need help with this. Anyone? Thanks in advance!

Hi

Sorry for delay. I got stuck on couple of really complicated questions. Thanks for showing, I was thinking about completly different effect.

This one can be removed by editing file /css/gk.stuff.css at line 500 and deleting this class:

Code: Select all

.gkNspPM-TitleOverlay > figure:hover > img {
   -webkit-transform: scale(1.1) rotateZ(-3deg);
   -moz-transform: scale(1.1) rotateZ(-3deg);
   -ms-transform: scale(1.1) rotateZ(-3deg);
   -o-transform: scale(1.1) rotateZ(-3deg);
   transform: scale(1.1) rotateZ(-3deg);
}


Thanks so much for the reply! Yay, it solved after removing this one, similar to yours:

Code: Select all

.nspArt .nspImageWrapper:hover img {
   -webkit-transform: scale(1.1) rotateZ(-3deg);
   -moz-transform: scale(1.1) rotateZ(-3deg);
   -ms-transform: scale(1.1) rotateZ(-3deg);
   -o-transform: scale(1.1) rotateZ(-3deg);
   transform: scale(1.1) rotateZ(-3deg);
}


Hi

Looks like I've been looking in a template for different joomla version So I'm glad You've found the solution.