Change Background Color of Content Area

• 

  richardbupp · Member · Jan 1, 2015 at 5:57 am

  • Copy link
  • Add topic to favorites

  I am looking for some CSS code that would change the background color of the content area only from white to a light gray. I am also wondering if it’s possible to make it a different color on different pages.

  The blog I need help with is: (visible only to logged in users)

• 

  staff-happychia · Staff · Jan 1, 2015 at 12:19 pm

  • Copy link

  This style changes the background color of ALL the pages’ content area to gray. Replace gray with any hex color code you wish to use.

  #postarea.full-page {
  background-color: gray;
  }

  If you wish to use a different color on different pages, then you will have to target the individual pages by finding their page ids. . For eg:

  As you can see in https://cloudup.com/cPRpYJ5fld0 , the page id of your Sampling and Monitoring page is post-72. So use the following CSS to change its background color.

  #postarea.full-page.post-72 {
  background-color: yellow;
  }

  Similarly the page id of Rural Backcountry Logistics page is post-199, so the CSS would be:

  #postarea.full-page.post-199 {
  background-color: blue;
  }

  This CSS can be used with page id and color replaced, for all your pages.

• 

  richardbupp · Member · Jan 1, 2015 at 4:44 pm

  • Copy link

  Perfect! Thanks for your help!