Delete zoom in/rotate effect on Banner I module (TOP 1)

Dear Sirs,
we are trying to figure out how to delete the rotate and zoom in effect when hovering the Banner I image in the homepage (module position is Top 1): http://editionsmimesis.fr
Could you suggest us any solution to avoid this effect?
Thank you
Best regards

Hi,
yes you have to override those style

Code: Select all

.gkBanner > a > img {
   -webkit-transform: none;
   -moz-transform: none;
   -ms-transform: none;
   -o-transform: none;
   transform: none;
   -webkit-transition: none;
   -moz-transition: none;
   -ms-transition: none;
   -o-transition: none;
   transition: none;
}

Code: Select all

.gkBanner:hover > a > img {
   opacity: 0.9; filter: alpha(opacity=90);
   -webkit-transform: none;
   -moz-transform: none;
   -ms-transform: none;
   -o-transform: none;
   transform: none;
}

Custom CSS guide : http://www.gavick.com/documentation/joo ... -template/

Dear Pawel,

thanks for your answer. Since all the lines are set to "none", what should we write in override.css? Could you please suggest us?

thanks a lot

yes , exactly.
Copy all those css code intoo override.css and enable override option, as I wrote in manual.

Got it!
Thanks a lot, it worked