Lightening Background on Static Pages

• 

  richarde451 · Member · Nov 28, 2015 at 7:54 pm

  • Copy link
  • Add topic to favorites

  I recently switched to the “My Life” theme, and I figured out how to lighten the background on the posts by inserting the following code into the CSS editor:

  .post {
  background: rgba(255,255,240,1);
  padding: 10px;
  margin: 0 0 2.1em;
  }

  Is there a way to do the same with the background on the static pages? I have a static page here:

  http://richardedmondson.net/the-memoirs-of-saint-john-2/

  …that still has the darker, cream-in-your-coffee-colored background. I would like to lighten it up, if possible, to the lighter, sort of “ivory-colored” background I’ve got now on the posts. Can anyone give me the code for this?

  My site is:

  http://www.richardedmondson.net

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

• 

  richarde451 · Member · Nov 30, 2015 at 4:09 pm

  • Copy link

  The blog I need help with is not richarde451.wordpress.com. The blog I need help with is http://www.richardedmondson.net.

• 

  thesacredpath · Member · Dec 1, 2015 at 2:02 am

  • Copy link

  Hi there, we can use the “page” CSS body class to target only static pages. This would be the code (using the example declarations you have above.

  .page .hentry {
      background: rgba(255, 255, 240, 1) none repeat scroll 0 0;
      margin: 0 0 2.1em;
      padding: 10px;
  }

  The above does not put the code behind the comments, only behind the page content.

• 

  richarde451 · Member · Dec 1, 2015 at 2:31 am

  • Copy link

  I just tried it. It’s perfect! Thanks!

• 

  thesacredpath · Member · Dec 1, 2015 at 6:24 am

  • Copy link

  Hooray and you are welcome.