Ads 468x60px

Pages

Monday, August 3, 2009

Change sidebar title background color

A blogger asked: "I want to add background colour to the sidebar title / header. pls show me the way.".

Well, that is not too difficult. Sign into Blogger (Dashboard), click LAYOUT > EDIT HTML to open the template editor and search for this:

.sidebar h2 {
etc. etc.
}

etc. etc. means whatever may be in between { and } but which is not relevant to this post

Edit it (add a line) to read

.sidebar h2 {
background-color:blue;
etc. etc.
}


If you cannot find

.sidebar h2 {
etc. etc.
}


Then just add this:


.sidebar h2 {
background-color:red;
}

(or any color rather than red or any other HTML color code

to anywhere before

]]<>/b:skin<


but preferably just after:

/* Sidebar Content
----------------------------------------------- */


so that it is together with others in the template which is related to the sidebar. That section of the template will then look like this:


/* Sidebar Content
----------------------------------------------- */
.sidebar h2 {
background-color:red;
}


Note: My aim is to make this blog easy to understand, so if the above is difficult for you to follow, do make a comment and let me know what is the source of your difficulty.

Related post: How to change background color of sidebar

0 comments:

Post a Comment