hover effect in news show pro images in steakhouse template

Hi,
I would like to remove the hover effect (zoom and turn) from the news show pro module images in the homepage (template steakhouse).
In module settings, in animation "hover animation" is put "off", but the effect is still working.

I put the following code in override.css:

Code: Select all

.bigtitle .content { text-align: center; }

    .nspMain .nspImageWrapper:hover img, .itemImageBlock:hover img {
        transform: none;
    }

    .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;
    }


It worked in K2 items, but not in the News Pro module.

The website is: http://www.lestagionidelborgo.it/new

Thanks for helping.
Jochen

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

Code: Select all

.gkNspPM-GridNews figure > a:hover > img {
-webkit-transform: rotate(0deg) scale(1);
-moz-transform: rotate(0deg) scale(1);
-ms-transform: rotate(0deg) scale(1);
-o-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
}


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

It works fine. Thank you!

Is there anything else I can help you with regarding this topic?