Main Page Beginners Design Tips Get Traffic Earn Money Picks Codes

Are you a Successful Blogger?

Successful Blogging

  • Beginners can learn the basics about Blogging
  • Advanced Bloggers can learn how to take their blog up a notch.
  • Anyone can learn HOW TO GET MORE TRAFFIC
  • And more- Templates, Codes, and Tips etc.

What do you want to read about? Scroll down or check out our sidebar for topics.

We post at least daily so check back or subscribe to our newsletter.

Successful Blogging.com

How to add a color background to your sidebar

I'm going to make this easy on myself and assume that it is your sidebar that you want to add a background color to. Keep in mind that other elements can be changed just as easily.

What you'll need to do is go to your html link in your layout tab.
Back up your current template by hitting the Download Full Template link .

  • Click on the expand widget box if there is a check mark in it and make sure that a check box appears empty.
  • Do a search (command + F in most browsers) for #sidebar -wrapper

It'll look something like this;
#sidebar-wrapper {
margin:0;
padding: 4px 0 4px 8px;
font: bold 105% Arial, Sans-Serif;


White is #FFFFFF
Black is #000000
Red is #FF0000
as an example.

  • Simply add this code before the end bracket:
background: #FFFFFF
substituting your color choice for #FFFFFF

It should look something like this
#sidebar-wrapper {
margin:0;
padding: 4px 0 4px 8px;
font: bold 105% Arial, Sans-Serif;
background: #FFFFFF

Hit preview to see if it worked and if it did, then save it.
Otherwise, clear the changes and start over or move on.


0 comments: