[Support request] Change color in product zoom

[Pedro]

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

GeneratePress 2.2.2

GP Premium 1.7.8

[Leo]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Pedro]

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!

[Leo]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts