Archived topic
Change color in product zoom
3 replies · Started by Pedro on February 27, 2019
Hello!
I have products, where the "zoom" icon does not let you see texts in the images.
I would like to change the colors of the icon so that it can be transparent and let me see some of the texts of these images.
How can I do it?
Thank you!
Screenshot: https://www.dropbox.com/s/a35e7ctk0zcylza/Captura%20de%20pantalla%20de%202019-02-27%2022-03-09.png?dl=0
Hi there,
That is coming from WooCommerce plugin itself.
Give this CSS a shot:
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
background: transparent;
}You can see the rest of the CSS here:
https://www.screencast.com/t/gSMgItF63
Hi leo! Thanks for answering.
I have added the code but the button disappears.
Is it possible to make the background of the button (white) turn into a black with transparency, and the icon of the magnifying glass becomes white?
Thank you!
I don't believe that will work as the icon is showing properly because of the white background.
Imagine this set up with transparent background and white icon:
https://www.screencast.com/t/FSSYVCcGjB
