[Resolved] Overlapping images on Woocommerce products

[Fernando]

Dear support
When I activate ‘Display secondary image on hover’, users see images are overlapped when they hover the products

Is there any way to avoid this since I am using transparent .png images?
I’d thank any help
Best regards

[Leo]

Hi there,

That’s weird. Can you link us to the site? Thanks!

[Fernando]

This is the link.
Please take a look into the first product.
Regards

[Tom]

Ah, the image is transparent.

You can try this:

.secondary-image {
    background: #fff;
}

[Fernando]

It was easier than I thought
Thanks Tom
Regards

[Tom]

You’re welcome!

[Author]

Posts