Avoid white fade while doing hover on images

E-commerce
1

Hello everyone, I am working in a e-commerce but i have an issue:
How can I avoid the white fade over my image while doing hover? the image has a link to another page inside my project.
i am attaching an sample

Screen Shot 2023-11-18 at 22.01.28
Screen Shot 2023-11-18 at 22.01.281276×1720 29.6 KB

Screen Shot 2023-11-18 at 22.01.32
Screen Shot 2023-11-18 at 22.01.321276×1720 31.2 KB

2

Try adding a shape on top of the image (covering the whole image). Then, edit the opacity (you can set it to 1) and add the link to it. This should work.

1 Like
3

That’s a clever solution, thanks!

1 Like
4

here is the css solution, just paste it inside your css panel:

.isdesktop a:hover .rmwidget.widget-picture:not(.has-onhover-animation), .no-isdesktop a:active .rmwidget.widget-picture {
opacity:1!important;
}

It overwrites the rm hover behaviour.

5

hi and thanks for the code, it works perfectly! I was just wondering if there is also a way to do the same with buttons? Like when you hover over a button, it also has this white fade.