How to disable/change image hover effect

We used pure css3 animation on the images. If you want to remove the animation, go to Theme Settings->General and copy paste the following code to the Custom CSS field;

img:hover {
-webkit-filter: hue-rotate(0deg) !important;
filter: hue-rotate(0deg) !important;
opacity:1 !important;
}

You can use other CSS3 filters to change the animations. For example if you want to use grayscale filter, you can use the following code;

img:hover {
-webkit-filter: grayscale(100%) !important;
filter: grayscale(100%) !important;
opacity:1 !important;
}

For more information about CSS filters, please click here.