Shop Categories

X

Background product color and opacity

Home Forums Agama Pro Background product color and opacity

Topic Resolution: Resolved
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #26465
    Diego Letelier
    Participant

    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

    #26469
    Zex
    Moderator

    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

    #26479
    Diego Letelier
    Participant

    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

    #26482
    Zex
    Moderator

    Hi, Diego!

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.