Newbie, side bar needs background Color

• 

  storms0924 · Member · May 27, 2010 at 10:47 pm

  • Copy link
  • Add topic to favorites

  Hello Everyone,

  I am very new to all of this. If anyone could please help me add a background to my sidebars. All of the wigets in my sidebars are transparent and it will be difficult for people to read without a white background. Please help. I know you can enter a div but where? Do I add it at the bottom of the CSS? Is it in a div somewhere else. Thank you.

  Please be as specific as possible. I am a visual person and need as much information in order to understand. Thank you in advance.

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

• 

  timethief · Member · May 27, 2010 at 11:46 pm

  • Copy link

  If you have CSS editing experience, you can get the paid custom CSS upgrade and renew it annually. It will allow you to stylize the appearance of themes you find here > Appearance > Themes, but it does not allow you to change the functionality, by editing the underlying template. Also note that CSS is theme specific, so you cannot use the CSS stylesheets from other themes with the themes here at wordpress.COM.

  Since there is no official Staff support for the CSS upgrade, and precious little Volunteer support, I recommend that you don’t buy the upgrade unless you have at least moderate understanding of HTML and CSS because you must be prepared to do the work on your own.

  If you are considering purchasing the upgrade, you can go to Appearance > Edit CSS. There wordpress has provided a preview function where you can try before you buy.
  http://en.support.wordpress.com/custom-css/
  http://en.support.wordpress.com/editing-css/

  See also: http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

• 

  thesacredpath · Member · May 28, 2010 at 12:09 am

  • Copy link

  Umm, the blog linked to your username has a white background for the content/sidebar area.

  Are you talking about a different blog? If so, please give us the URL.

• 

  storms0924 · Member · May 28, 2010 at 4:12 am

  • Copy link

  Hi guys!

  I have a good understanding of CSS and HTML but for whatever reason when I plug some things in, I don’t see a difference. :( The blog I am talking about is http://boujiemack.wordpress.com/ I did purchase the CSS upgrade. Can you guys still help? I just want there to be a white background where the wigets are in the side bars.

  THANKS!

• 

  thesacredpath · Member · May 28, 2010 at 4:25 am

  • Copy link

  To #sidebar, add the following:

  background-color: white;
  padding: 0 10px;

  You can play with the 10px value (left/right padding value).

• 

  thesacredpath · Member · May 28, 2010 at 4:30 am

  • Copy link

  You could also add a border to match the post backgrounds by adding the following to #sidebar

  border: 5px solid #efefef;

• 

  thesacredpath · Member · May 28, 2010 at 4:31 am

  • Copy link

  OK, one more thing. Change the background-color value I have above to FFFFFF just to be consistent with the rest of the CSS.

• 

  storms0924 · Member · May 29, 2010 at 6:00 am

  • Copy link

  You are a rock star!!!! THANK YOU SOO MUCH!!!!! THANK YOU!!! You have no idea how thank ful I am. Be blessed! :)

• 

  thesacredpath · Member · May 29, 2010 at 6:20 am

  • Copy link

  @storms, you are welcome.