Change page background color on specific pages

[tmh23]

I am trying to change the background color of just my woo commerce shop pages to white. Can’t figure out how to just change it on those pages. My main background color is #f9f9f9 using the full-width design and I’d like the shop pages to be #ffffff so I don’t have to use .png files for product images I can save them as .jpeg with white backgrounds.

Thanks,
Troy

[Radu]

Hi,

Can you provide link of one of the woocommerce page ?

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[tmh23]

Yes. New site is on my staging server.
I have the background for main under styling options set to #f9f9f9 which is less harsh than white on the eyes but would like to have the shop pages be #ffffff so the product images don’t show the white saving as jpegs.

http://stage.ptg.tarfoot.com/shop/
http://stage.ptg.tarfoot.com/product-category/hats/
http://stage.ptg.tarfoot.com/shop/snap-back-league-trucker/

[Radu]

Hi,

Use this css

COPY CODE

body.woocommerce section.container-wrap.main-color {
    background-color: #FFF !important;
}

Add this css to WP-Admin -> Theme Options -> General Settings -> Quick CSS

Regards

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Hi,

Use this css

COPY CODE

body.woocommerce section.container-wrap.main-color {
    background-color: #FFF !important;
}

Add this css to WP-Admin -> Theme Options -> General Settings -> Quick CSS

Regards

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts