Docs

[simonpurdon]

Hi,

On certain pages, like the Shop page, Checkout page and Cart page, I want to remove the standard background which is an image and rather replace it with a colour. How would I do this? Thanks!

http://www.westpeak.co.za

[Rad]

Hi there,

Thanks for writing in.

Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

body.page-id-1355, body.woocommerce {
background: rgba(0, 0, 0, 0.9) !important;
}
body.page-id-1355 .backstretch, body.woocommerce .backstretch {
display: none !important;
}

Hope that helps 🙂

[simonpurdon]

Thanks, but when I try to change the colours to make it a white colour, it doesn’t seem to work. Would this also apply for the other pages likey Cart and Checkout?

Thanks.

[Rupok]

Hi there,

For other woocommerce pages, let’s update the code a bit :

body.page-id-1355, body.woocommerce, body.woocommerce-page, body.woocommerce-cart {
background: #fff!important;
}
body.page-id-1355 .backstretch, body.woocommerce .backstretch, body.woocommerce-page .backstretch, body.woocommerce-cart .backstretch{
display: none !important;
}

Hope this helps.

Cheers!

[simonpurdon]

That’s perfect thanks.

One issue I’m having now is I’m unable to change the colour of the product text for http://www.westpeak.co.za/shop to black.

[Christopher]

Hi there,

Please add this :

.woocommerce li.product .entry-header h3 a {
    color: #000;
}

Hope it helps.

[Author]

Posts