inner page background color

[mrjWells]

Can I change the inner page background color on certain pages? I was hoping there was a simple css string for doing that although, having a selector for alt inner page color choices on each page would be a nice feature.

[mrjWells]

After some experimentation I may actually be looking to change the main container background color on certain pages. This code seems to work:

#main-container {
background:#ffffff;
}

but I am not sure how to assign it to individual pages. I am thinking it has something to do with creating an extra page class which I don’t really understand how to do.

[Kyle – SUPPORT]

Hi

Each page already has it’s own unique page class, you can find this by right clicking > view source. And find the body tag, it will be something like postid-64650 or pageid-64650 (see screenshot). So the css would be:

.postid-64650 #main-container {
background:#ffffff;
}

– Kyle

[mrjWells]

Thanks Kyle, very helpful. Just so I am totally clear on this, once I have the correct .postid # would I put this css in Theme options > General options > Custom CSS?

[Kyle – SUPPORT]

Yes 🙂

– Kyle

[mrjWells]

Excellent, can I list multiple .postid #’s together and if so, how would I structure that? Or does each page need its own individual CSS string?

[Kyle – SUPPORT]

Of course, you would need to seperate each with a comma

.postid-64650 #main-container, .postid-64362 #main-container, .postid-47389 #main-container, .postid-92318 #main-container {
background:#ffffff;
}

– Kyle

[mrjWells]

Very cool, thanks a lot Kyle. I really appreciate your help.

[Kyle – SUPPORT]

No problem 🙂