WordPress Individual Page Color

You can use the following custom CSS:

.page-id-373 body {
    background: #FFF !important;
}

If you want to make the change site-wide, remove the .page-id-373.

Don’t edit the theme files directly, otherwise, your changes will be overwritten whenever the theme is updated.

An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

As alternatives, you could either install a standalone custom CSS plugin or create a child theme.

Thank you. However, I have tried this many times and nothing happens. Whenever I use the code

body{
background:#FFF;

}

Nothing happens either. Its very strange. I’m not sure what the previous designer has done or if he may have formatted it oddly.

I put a class of “white” on the containing div for this particular webpage, and made the background color white. And it works, but it doesn’t make the edges white. I’m using a custom child theme the previous developer created.

Where are you adding the CSS?

I go to appearance, editor, and place the code in the style.css file in the wordpress panel.

.page-id-373 is a CSS class of the body tag, therefore:

body.page-id-373 { background-color: #fff; }

should work ….

I’m not sure if this will help, however, the body for the entire website has a specified color and image to it. Is that possibly the reason why none of the suggestions are working perhaps?

The code for the entire body is

body {
background: #f3f3f3 url(images/bg_img.png);
}

You’re correct that the image that is applied to the body is the culprit. Even when you specify a new background-color the image is still on top. Try using:

body.page-id-373 {
    background-color: #FFF !important;
    background-image: none;
}

This will remove the image and show the new color. If you want to keep the texture of the background image you’ll need to make a new version of that image with the different color and then specify the new background-image on any page id’s that you want to change.

Thank you guys! It worked this time thanks to the last suggestion. I had to get rid of the background image. However, I want to make the content area white ONLY. Is there a way to make the content area white, and keep the background the way it was at first?

Nevermind, someone figured it out for me in another forum. Thank you!