Grey box appearing around product images when product collection block is usesd

  • Resolved isaacolaleye

    (@isaacolaleye)


    2 months, 2 weeks ago

    Hi, A bug seems to have appeared with your product template/product collection block. My product images have their background removed and this hasn’t been a problem since the site was created. I noticed recently that now that on all pages where the product template is used, a faint outline appears around each product image.

    e.g. The link I have provided shows the blends page, where the main content of the page is built using woocommerce blocks. The combo packs page, accessories page, and home page all include blocks where this issue is prevalent. When you click into a product and view the single product page, this issue does not occur and there is no outline around the product image, which leads me to believe it is a woocommerce issue.

    In terms of troubleshooting, I have created a staging site and tested all plugins, as well as changing the theme of the site, this has not seemed to fix the problem and the outline still appears. This has been ongoing as I didn’t get a response from your happiness team on your own website, it would be great if I could get some support here.

    • This topic was modified 2 months, 2 weeks ago by isaacolaleye.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Support shahzeen(woo-hc)

    (@shahzeenfarooq)

    Hi there!

    I understand your concern. I have tried to replicate the issue on my test site, and I noticed that all images indeed have a 1px border if no alt text is set for the image. However, when alt text is added, the border does not appear around the image.

    To remove the border, you have two options:

    Option 1:
    Add alt text for all images.

    Option 2:
    Use the following CSS code to remove the border around the product images: 

    .wc-block-components-product-image img.size-woocommerce_thumbnail {
        border: none !important;
    }

    I hope this helps.

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.