Background color of a single page

Hi, I just solved something similar with main page. And solution was to add this to custom css:

.home #main
{
  background-image: url(".../wp-content/uploads/2014/04/image.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
}

So you should maybe try to find something like “.single #main” or “.blog #main”. I use image, so your code should be more simple.

.single #main
{
  background-color: #your color code;
}

But maybe there will be some better solution.

Hi, it worked. Thank you so much.:)

Glad I can help. ??

Hi Guys,

Was wondering if one of you could help. I tried the recommended changes suggested by PilgrimX but could only get

.home #main
{
background-color: #your color code;
}

to work. If I tried to edit another page such as .blog #main it would not change. I take it you were using the title of the page? For example .titleofpage #main . This doesn’t seem to work for me. Any suggestions would be much appreciated.

I should mention that I am also using the vantage theme. I cant provide a link though as its on a local host just now.

hi, i’m also trying to change a single page background in my website and i’ve try many ways and nothing.. could someone help me?

the page i’m trying to change is this:

https://institutodomovimento.net/?page_id=60

Which page do you want to give another background and do you want to change the color or do you want another photo as backgroud?

For changing the color try this:
.single #main
{
background-color: #your color code;
}

You can do this in editor in the dashboard of your website – style sheet.

Hi @jariham, thanks for helping out.

Hi @martavn, in general if you see any Custom CSS on the forums, you should insert the CSS into a child theme stylesheet or into a Custom CSS plugin like Jetpack Custom CSS.

It looks like you’re already targetting that page with Custom CSS. To change the background color you’d say something like this:

.page-id-60 body {
background: #CCC;
}

thank you @jariham and @misplon for your support but i’ve tried the two options doesn’t work :/

Hi PilgrimX, how could i reach to code you mentioned
“.home #main
{
background-image: url(“…/wp-content/uploads/2014/04/image.jpg”);
background-position: center bottom;
background-repeat: no-repeat;
}”

my hosted on one.com

Thank you