Most of my product images are in dark color. So I want to change the transparent background color to dark, like 0 0 0 0.8, and then change the front text color to white for better reading.
Is there a switch I can use or what's the class name should I use to override the original setting?
Hi there,
Most of my product images are in dark color. So I want to change the transparent background color to dark, like 0 0 0 0.8, and then change the front text color to white for better reading.
Is there a switch I can use or what's the class name should I use to override the original setting?
Thanks!
Hi tyler_t
Please before you continue with code below, read the article how to Add Custom CSS to your site with Kalium.
.woocommerce .product.catalog-layout-transparent-bg .item-info h3 a{ color: #fff; }.woocommerce .product.catalog-layout-transparent-bg.hover .product-internal-info, .woocommerce .product.catalog-layout-transparent-bg:hover .product-internal-info{ rgba(0,0,0,.8) }