[Resolved] WooCommerce Image Overlay problem

[Christian]

Hello, first all I want to say that GeneratePress is a really cool and nice theme.
I am having a problem over my website.
When you go to the shop section and move the mouse over a product image, it will get bugged and will show two images at once (while it only is supposed to show the secondary one).

This started happening since I activated the premium version of GeneratePress.
Any idea what the cause could be?

Have a nice day.

[Tom]

Hi there,

It looks like your site requires a username/password. Any chance you can send one over to us?: https://generatepress.com/contact

Just be sure to mention this topic 🙂

Thanks!

[Christian]

Hi Tom, I apologize but I put the website in private mode as a mistake.
I fixed it, please retry again

[David]

Hi there,

thats the problem with transparent PNG files they show through what is behind them.
Add this CSS to give the images a white background:

.woocommerce ul.products li.product a img {
    background-color: #fff;
}

[Christian]

Hi David, just wanted to report that your code worked perfectly!
Thank you again for your help.

[David]

Glad to be of help

[Author]

Posts