Home Forums Art WordPress Theme Options for Mouseover Effects on Images Reply To: Options for Mouseover Effects on Images




You can add the custom css(“Appearance > Customize : Additional CSS”):
I am not clear that you want to remove or change the zoom-in effect, so I paste the 2 codes.

1. for image opacity: 0.5
.mouse-over .ux-hover-wrap:hover .single-image-img { opacity: 0.5;}

removing the zoom-in mouseover effect

.mouse-over .ux-hover-wrap:hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

2. making the the zoom-in effect smaller by 50%

.mouse-over .ux-hover-wrap:hover {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!