Archived topic
Artefacts in WooCommerce Picture on Mouse over event (Product Overview)
3 replies · Started by cpbee on February 24, 2022
Dear Support Team,
I use successfully your latest theme version with WooCommerce. However, when using png files in the product gallery (with transparent background) the theme generates some akward overlays on the "mouse over event". The orginal image gets an overlay by the next image - however, since the the background is transparent (png) the image generates a strange looking overlay:
Please look at the product "Brutstopp"
Is there a way to solve the problem (without changing the image format to jpg).
Thanks for your help.
Best regards,
Chris.
Hi there,
its actually Woocommerce, i don't think they considered transparent PNGs - you can add this CSS to fix that:
.wc-product-image:hover .secondary-image {
background-color: #fff;
}Great, THANKS for the quick fix! Highly appreciated!
Topic solved.
You're welcome
