How Can I remove Fade effect on Image Hover? « Support Forum | Kriesi.at

How Can I remove Fade effect on Image Hover?

5 posts from 2 voices

Tags:

Fika
Member
I am using my own css hover effects for my images, but there is still an opacity applied to the image elements everytime I roll over them. Think it might be prettyphoto?

Can I disable this altogether?

Or can i use some css to stop it happening?

When I roll over an image the element style it gets is
```
element.style {
    display: block;
    opacity: 0.6;
    z-index: 5;
}
```
The class that it is also reading from is

.lightbox_video, .lightbox_image, .image_overlay_effect, .image_overlay_effect_inside

thanks
Posted 1 year ago #
Fika
Member

any help?

Posted 1 year ago #
Ismael
Moderator

Hi Fika,

You can use a css code to stop it from fading. Try adding this code in your Quick CSS or custom.css:

.lightbox_video, .lightbox_image, .image_overlay_effect, .image_overlay_effect_inside { opacity: 1!important; }
This way the opacity won't be changed. Hope this helps. :)

Best Regards,
Ismael

Posted 1 year ago #
Fika
Member

Thanks, I actually set the display instead of opacity before...This worked, except the opacity value should be 0 and not 1

Posted 1 year ago #
Ismael
Moderator

Hi Fika,

Glad that I could help you. :)

Cheers,
Ismael

Posted 1 year ago #