(Remove) Mouse Passes Over a Product it Lights

This is a question raised by a user. I provide solutions here.

What's the problem?

I have a problem and I can't remove it when the mouse passes over a product it lights up white I don't like this and I want to remove it how do I do it. The page I need help with: http://floresdolargo.com

Mouse Passes Over a Product it Lights

As illustrated in the snapshot: when a visitor moves his mouse over the product image, it will become pale and white.

Code to solve "Nav Menu Not Working in Mobile Devices"

Just add this CSS into your additional CSS and it will work:

.main-raised > section.products .hestia-shop-content .shop-item:hover > .card > .card-image{opacity: 1 !importnt;}

How to add additional CSS?

First, go to click on the "Customize" button in WordPress.

go to customize

Then click on "add additional CSS"

Add additional css

There you can add the code.

Copy the above code and paste it into the "Additional CSS" field and Don't forget to Publish!

publish new css

Please note that modifying the code requires caution. Always make a backup of your theme and site before making changes. The best way to check them is by testing them on the staging site(s) and if you have a third-party plugin, consider plugin conflicts as well.