-
endlessrange
Hi,
I’m having an issue that the second image on hover, the image is transparent so it looks broken on hover. I’d rather not have to go through and add a background to all of my second images.
Is there any way to either a) add a white background on the second image on hover with CSS so the first image isn’t shown or b) have the image zoom in instead of hover like the single product view?
Let me know, thank you!
-
Alvind
Hi there,
Option A is possible using CSS. Could you provide a link to the page?
-
endlessrange
Yes, here, you can see the second two products have the issue: https://www.sweetleafhempfarms.com/products/cbd/cbd-gummies/
-
i think the issue is because of the
picture
tag you are using, I don’t think WC supports it yet.You can either try disable the
picture
tag in your image optimization plugin, or try this CSS:.woocommerce ul.products li.product a img { background-color: #fff; }
- You must be logged in to reply to this topic.