Home › Forums › WoodMart support forum › .PNG Images Background Color

.PNG Images Background Color

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • December 24, 2024 at 6:01 pm #625158

    uandi
    Participant

    Hello,

    Some of my catalog images are .png, and WooCommerce makes the transparent background black. See attachment. How can I set it to be white? I wo

    Thank you

    Attachments:
    You must be logged in to view attached files.
    December 25, 2024 at 4:13 pm #625298

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please follow these steps to customize the product background color:
    1. Navigate to Theme Settings.
    2. Select Product Archive.
    3. Go to Product Styles.
    4. Enable the Products Background option and specify your desired custom background color.

    Best Regards

    December 25, 2024 at 5:15 pm #625321

    uandi
    Participant

    Hello Aizaz,

    The product background color was already enabled. Still .png images show a black background. See attachment. How can I change that to white?

    Thank you!

    Attachments:
    You must be logged in to view attached files.
    December 26, 2024 at 9:34 am #625381

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

    Best Regards

    December 26, 2024 at 7:03 pm #625541

    uandi
    Participant

    Done. This is my dev site. Please tell me what was wrong so I can fix it on my live site.

    December 27, 2024 at 12:03 pm #625653

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I have reviewed the link you provided, and I noticed that most of the images are displayed on a white background, while some images appear on a black background due to their original design. I recommend opening the images in a new tab or viewing them in a photo editor for a clearer presentation.https://ibb.co/ySM0Xs5

    Best Regards

    December 27, 2024 at 5:52 pm #625797

    uandi
    Participant

    Hello Aizaz,

    I know on category pages it turns the transparent area to black. However, it’s not really black. It’s transparent. If you click on the product and open the product page – you will see it’s actually transparent.

    Thank you

    December 28, 2024 at 11:03 am #625879

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    The product image for “Hamilton Beach 55000 Blender Bar” is a JPG file. I have removed the background color using the online tool remove.bg. The black background is no longer visible on the category page. Please review your site and confirm that the issue has been resolved.

    Best Regards

    December 29, 2024 at 10:17 pm #626034

    uandi
    Participant

    Hello Aizaz,

    I noticed that if I use “custom” image size for category layout I get the black background. But if I use “WooCommerce Thumbnail” then the background becomes white as expected. See attached images. Seems to be a small glitch.

    Thank you

    • This reply was modified 2 months ago by uandi.
    Attachments:
    You must be logged in to view attached files.
    December 30, 2024 at 12:47 pm #626158

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Thank you for the clarification. This behavior is likely due to how the “Custom” image size is processed. I recommend using the “WooCommerce Thumbnail” setting to ensure consistent background color for your images

    Best Regards

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)