[Resolved] Change background colour – single product page

[Jarno]

I tried changing the background colour of the single product page by:

.product .inside-article {
     background-color: red;
}

However this only changes the background colour of the container, I need the whole background to change to a certain colour.

[David]

Hi there,

You can target the body of the single product page like so: body.single-product
So you can add that selector to your above CSS – just separate the two with a comma.

[Jarno]

Thanks for pointing me in the right direction. You also need to target .one-container.single-product .site-content

[David]

Aah yes, glad you got it resolved.

[Author]

Posts