Friday, October 9, 2009

Customize Thesis theme: Change color of sidebar

In my earlier article, I discussed how to Add Banner images to Header on Thesis theme. Today, I will share how to change background color of your sidebar this will add glamour to the web page and improve upon visual appeal. To get a feel just look my sidebar here on TechZee and on one of my other blog PickTheCherry.net, I am confident you will like it.

Please remember once again, I am no expert and my procedure may be different from expert opinions available on topic, still for one thing you can remain assured, I have followed these steps and results match my expectations.
I am using Thesis Wordpress Theme (version 1.5) and my tips will only be based on that.

Change color of your sidebar


Open Custom Stylesheet -
custom.css

by clicking Thesis Custom Styling below Thesis OpenHook under Appearance on left of dashboard and add below given snippet at the bottom of available code on page-
a) If you are using single sidebar add this code –
/*Code to add color to background of sidebar and content*/
.custom #sidebars {background-color:#f8f8f8;}
/*Code to add color to background of sidebar and content*/

b) If you are using two sidebars use this code –
/*Code to add color to background of sidebar and content*/
.custom #sidebar_1 {background-color:#ABCDEF;}
.custom #sidebar_2 {background-color:#FAE2EF;}
/*Code to add color to background of sidebar and content*/

In the above code change the color as per your requirement by inserting hex code, for that purpose I found HyperGUrl.com to be the best site.

Look for the color that suits your topic and theme, save your changes and you are ready to show your style to world.

Isn’t it simple?

No comments:

Post a Comment