Docs

[alarmallama]

Hi,

I’m using product images with transparent backgrounds but on the products page the background is white. I was wondering if there is anyway to remove this white background? (See attached image)

The most progress I’ve made is changing the colour of the background with

.entry-featured {
    background-color: yellow;
}

I found someone posted a similar question a while back and this code was suggested

.woocommerce li.product .entry-featured, .woocommerce-page li.product .entry-featured{ background:transparent; }

which looks like it should work but unfortunately it doesn’t.

If you have any ideas I’d be very grateful!

Thanks,

Emma

[Nabeel A]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[alarmallama]

This reply has been marked as private.

[Friech]

Hi There,

The site is in under construction mode, please provide us login credentials in private reply so we can take a closer look.

Thanks.

[alarmallama]

This reply has been marked as private.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

.woocommerce li.product {

    background-color: transparent;
}

.entry-featured,.woocommerce li.product {
    box-shadow: none !Important;
    border: none !important;
}

Hope that helps.

[alarmallama]

Ah yes that’s the ticket, worked like a charm!

Thanks guys, top notch work (thumbs up emoji)

[Christopher]

Glad we could help you with this.

[Author]

Posts