Background product color and opacity

[Diego Letelier]

Hi Zex!

I would like to have control over the color and opacity of the product’s background, so I can take advantage of png images. Is it possible?

Best regards,
Diego

[Zex]

Hi, Diego!

Try the next:

.inner_product img{
    opacity: 0.8;/* set this value 0-1*/
}
.woocommerce .products li{
    background:rgba(18,166,163,0.8); /*Use this for white semi transparent background color:rgba(255, 255, 255, 0.80)*/
}

Change the opacity and color codes per your needs.

PS: You need to remove the white background color from your uploaded images, using some image editing software (e.g.Gimp, or Photoshop) then you will be able to see the wrapper background color.

Regards

[Diego Letelier]

Hello Zex,

The background color is removed, the problem is the thumbnail generated, I think… Because I have the images with a transparent background. I will keep looking for solutions, and if you have an idea to fix this please let me know.

Regards,
Diego

[Zex]

Hi, Diego!

From what I can see, you’ve already find a solution 🙂
https://prnt.sc/s7d6jj

[Author]

Posts