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?

• Adding Content Bulleted Lists on Design Templates Bulleted lists allow you to clearly display the main points of your presentation on slides. The text boxes on design...
• Design Blog Improvement When it comes to blog improvement, one of the considerations that you might want to make relates to the design of your blog, as changing...
• Random Blog + Zen toon Okay, I have been getting replies to posts here. Mostly congratulating me on site content and design, sometimes critical of the design. I am aware...

Related Posts:

1. Customize Thesis theme
2. Customize Thesis theme: Add banner image to header
3. Hit the target audience… personalize your twitter background page
4. Make your own web site a brand, add logo to browser address bar
5. Behind Google search, it’s pagerank… what’ s behind Google pagerank?

Tagged as: add power to blog posts, blog beginner, Blog design, blog tips, blogging tips, design tip, Thesis theme, wordpress

Didn’t find what you’re looking for?... Google@Internet, it below

What next?...If you liked the article, bookmark it