Add color box behind text?

• 

  maxlalanne · Member · May 26, 2012 at 8:18 pm

  • Copy link
  • Add topic to favorites

  Right now my entire site (using the Chateau theme with custom upgrades) has a white background, but I would like to know what CSS code could add some sort of editable color box behind the text on the home page and preferably each individual one too – like, for instance, a gray-ish color. The text will then be “encircled,” so to speak, in a gray rectangle of color while the rest of the page stays white.

  Is this possible?

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

• 

  thesacredpath · Member · May 27, 2012 at 7:20 am

  • Copy link

  We need a link to the site you are talking about please.

• 

  thesacredpath · Member · May 27, 2012 at 7:30 am

  • Copy link

  Give the following a try and you can edit the color. :) I just put that in so that I could get a clear idea of any padding or margin issues that would need an adjustment. This should also put a background on page content as well, if you have any pages

  article {
  background-color: #CC0000;
  margin-bottom: 25px;
  padding-top: 10px;
  }
  
  #content .wpl-likebox {
  padding-bottom: 20px;
  }