Hi Thesis theme users! Hope you have already satisfied with your thesis theme. You know that our thesis theme looks minimalist. Some bloggers don’t agree with the word minimalist when you use it regarding thesis theme. I am also. You can’t tell it like that. Because thesis can bend and blend as per our wish. Ok. Now i am going to show you how to customize the side bar heading in thesis theme. After learnt this tutorial, you can able to add boxes in side bar heading, change colors of background and text, change font sizes and padding.

In this tutorial, I have included the video & css style sheet code also. Watch the video tutorial. It shows how to do the customization.

If you can’t watch the video, then follow the below steps to complete customization of side bars.

1. Normally thesis theme Simple side bars. You want to customize it as per the colors and fonts which you have used in thesis. I have customized my theme as shown in the above video tutorial. I give my

code also here. What you should do with this code is, just change the colors, fonts and padding, and paste it your custom.css style sheet.

Here is the code:

.custom .sidebar h3{background-color: #00B8B8;

-moz-border-radius: 4px; padding: 0.1em 0.1em 0.1em 0.5em; font-weight:bold; font-size:1em; color:#ffffff;}

2. Now i show you how to add this code in your custom.css. Go to your wordpress dashboard. Click on ‘Custom File Editor’ under ‘Thesis Theme options’ in bottom left navigation of dashboard.

3. You can see custom file editor box there. Make sure you are going to edit in ‘custom.css’. Because there will be three options.

1. Custom.css
2. Custom_function.php
3. Layout.css

4. Just paste the above code in custom.css. Now you can go and see your sidebars with rich look. You can simply change the color by replacing the color code given in the above code. You can also change the font size of side bar texts by replacing the font size in the above code. If you want to change the width and height of the side bar heading boxes, simple increase the padding mentioned in the above code.

Hope I helped you to customize your thesis sidebars.  If you have any questions just leave a comment here or contact us using contact form.  You can also check my other thesis tutorials in our blog or watch all the video tutorials in our YouTube channel.

Related Tutorials:

1. Thesis Theme Customization Tutorials for Sidebar Round-Up
2. How to Change sidebar widget background and Border in Thesis Theme
3. How to Place Different Background Color for Each Sidebar Heading in Thesis Theme
4. 11 Css Tricks for Thesis Theme Customization
5. How to Add Background Image for Sidebar Heading in Thesis Theme

Tagged as: background, color, heading, sidebar

Article by Pascal sundhar

Pascal sundhar

Pascal has written 108 awesome articles.

Subscribe to feed via RSS or EMAIL to receive instant updates.

Subscribe to our fourblogger You tube channel