How to Override WordPress Single Post/Page Background Color

We all know that changing the background of a WordPress site is an easy thing. You can do it under the customization option. However, there could be a time when you want to keep the current background color and change it for one or some specific posts. Well, it may sound little difficult, but it is very easy to do. All you have to do is override the CSS coding by writing it manually for one post. We will tell you how to do this.

How to Override or Change WordPress Single Post Color?

Please follow the steps mentioned below;

  • Go to the Dashboard of your WordPress site by logging in with the ID and Password (e.g. YourSite.Com/Wp-Admin/)
  • Once you are logged in, start writing a new post of edit an existing post
  • Select the Text tab

Text tab under WordPress

  • Now define the background color adding the following code

<div style="background-color: ColorCode"> Write anything here and close the Div tag </div>

Note: Replace ColorCode with the code of the color you want, e.g. #FFB6C1 for light pink, #0000FF for Blue color.

Here is an example when I am using light pink as background color;

Paragraph 1

Paragraph 2

Paragraph 3

Now you have seen that how the color changes. I hope this will help you write a post in a way you want. The only thing you will not like for this method is that is changed the color for the post area only, and the color for rest of the places, like sidebar, footer, header etc. remain the same.

Never miss an update: Get all new articles by Email. You can also join us on; Twitter | Google Circle | Facebook | FlipBoard