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

#14670

BWSM
Keymaster

Hi,

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