hover image with transparent background problem

hi,

on my site (https://capelo.shop) i have added all webp images with transparent background. Although the first image looks good, when I hover with the mouse the 2nd gallery image appears with white background although the image is webp transparent bg.

What goes wrong?

Thanks

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.product-grid-item .hover-img {
background-color: transparent;
}

Best Regards

worked like a charm!

Thanks!

Hello,

We are Glad that your issue has been Resolved.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts