Docs

[zigelbaum]

Hi
I am trying to change the background colour in my woo commerce product page but but cant find the correct css for this.

The link for the page is

http://johnproctormillinery.com/product/scarlet/

The css for the Theme X main site is black background with white body and headings. When I added the woo commerce it has taken the text css which is white and put it on the woo commerce page who’s background is white.

How can I alter this without affecting the main Theme X site.

Thanks

[Rahul]

Hey There,

Thanks for writing in!

To change the background color only for the product pages, you can use this code:

.single-product .site {
  background-color: Your Choice;
}

You can change the color according to your requirement.

Hope this helps.

Kindly let us know how it goes!

[zigelbaum]

Hi

Thanks for that but nothing is happening I am putting it in the Customize then Custom CSS is that correct?

Thanks

[Nico]

Hi There,

Could not see that you have added the code.

Would you mind sharing us your admin credentials so we could check your setup and we could try adding the code if it will work.

Please share us also the color your want to add.

Don’t forget to set it as private reply.

Thanks.

[zigelbaum]

This reply has been marked as private.

[Lely]

Hi There,

Thank you for the credentials.
When I checked, Appearance > Customize > Custom > Edit Global CSS, that content is this:
#x-content-band-3 { color: #000000; }
Just that line and nothing else. I add the following:

.single-product .entry-wrap {
    background: #000000;
}

Main content area for product page is now black and the title is visible. See attached screenshot.

[zigelbaum]

That’s great thank you so much for your help.

[Lely]

You’re welcome!

Cheers!

[zigelbaum]

This reply has been marked as private.

[Jade]

Hi there,

Please try to add this code:

.woocommerce-page .entry-wrap {
    background-color: #000;
}

Hope this helps.

[zigelbaum]

This reply has been marked as private.

[Thai]

Hi There,

Please add that code under Customizer > Custom > Global CSS.

Hope it helps 🙂

[zigelbaum]

Hi I have this problem everytime I add a new page and instead of the background section being black it comes out white could you tell me how I set the page and section backgrounds to black. Attached is what I get when I add a new page.

Regards

[Thai]

Hi There,

Please update the previous CSS:

.woocommerce-page .entry-wrap {
    background-color: #000;
}

To this:

.entry-wrap {
    background: #000;
    box-shadow: none;
}

Let us know how it goes!

[Author]

Posts