Thesis theme is one of the best theme for wordpress. It has more number of features. For blogging thesis theme is very useful and also user friendly.
In this post I am going to give seven tips for thesis theme color changing. It is very useful for thesis users.
Those are Link color, content Text color, content background color, sidebar text color, sidebar background color, footer background color and navigation menu color.
For doing above 7 Tips watch our video tutorial
In case you can’t watch our video, follow below steps.
How to change content or page text color in thesis theme?
For changing content text color
- Go to wordpress admin
- In wordpress admin, go to thesis option. Then click custom file editor and paste below code in custom.css.
.custom .format_text p {
color:#ff0000;
}
3. Then click save. Go and refresh your site now.
Text-color
How to change content or page background color in thesis theme?
- In wordpress admin, go to thesis option. Then click custom file editor and paste below code in custom.css.
.custom #content {
Background-color:#ADDBDE;
}
2. Then click save. Go and refresh your site now.
background color of content
How to change sidebar text color in thesis theme?
- In wordpress admin, go to thesis option. Then click custom file editor and paste below code in custom.css.
.custom li.widget {
color:#30BD20;
}
2. Then click save. Go and refresh your site now.
sidebar text color
How to change sidebar background color in thesis theme?
- In wordpress admin, go to thesis option. Then click custom file editor and paste below code in custom.css.
.custom #sidebars {
Background-color:#eee;
}
2. Then click save. Go and refresh your site now.
Background color of sidebar
How to change link color in thesis theme?
- In wordpress admin, go to thesis option. Then click custom file editor and paste below code in custom.css.
.custom a, h2 a:hover, #logo a:hover{
color:#1B14E0;
}
2. Then click save. Go and refresh your site now.
link color
How to change Footer background color in thesis theme?
- In wordpress admin, go to thesis option. Then click custom file editor and paste below code in custom.css.
.custom #footer {
Background-color:#111;
}
2. Then click save. Go and refresh your site now
Footer color
How to change Navigation menu color in thesis theme?
- In wordpress admin, go to thesis option. Then click design options after that click navigation menu option. You can change there link text color, link text hover color, current link text color, current parent link text color, hover background color, current background color, nav border color, submenu width (px) etc.
- Then click save. Go and refresh your site now.
Update to the post
How to change post tittle color in thesis theme?
1. In wordpress admin, go to thesis option. Then click custom file editor and paste below code in custom.css.
.custom .headline_area h1 {
color:#32963F;
}
2. Then click save. Go and refresh your site now.
default color
After changing color
After adding color
If you have any problem about above things write in comment box. i will help you.
If it is useful for you, share your experience in comment box.
Related Tutorials:
- How to Change Background and Border in Thesis Theme
- How to make Post Sub heading box and change its Background Color in Thesis Theme?
- How to add Background Image in Thesis Theme Navigation Menu
- How to Add Search Box in Thesis Theme Navigation Bar
- How to Place Different Background Color for Each Sidebar Heading in Thesis Theme
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
Fernando (4)
Sameer (3)
aaslin (2)
Asrul (2)
blogger gurem (2)
Carol (2)
David (2)
issty (2)
Nate (2)
{ 23 comments… read them below or add one }
hai,
could you show me, how to change post title color from default black to whatever color i want to??
i didn’t find any tutorial to change the title color for post/article in thesis
please!!
Hi Thanks for your query. I have updated the post with the info you asked. Check and get at the end of post.
Keep Reading.
ok..thank you, btw, how to make the headline bolder??
i put
.custom .headline_area h1 {
color:#32963F;
font-weight:bolder;
}
but it wont work!
In your code
font-weight:bolder;
change this into
font-weight:bold;
Now it will work.
How to have a color box below the title and for subtitles. (Like the one you have used for subtitles)
Hi Sachi, Yes. We have already made a post about that here. http://fourblogger.com/how-to-make-post-sub-heading-box-and-change-background-color-thesis-theme/
We have coded subtitles which are in h2 shown as box and colored. If you want just copy and paste the code given in the post and whey you make post, give subtitles as h2 tag.
Thanks,
But can the same done to the title of the post
The same code you should replace .format_text h2 with .headline_area h1 to get background in post title.
you can change your post title background color also.
Awesome stuff, is it possible to keep my nav menu color settings as they are, but change the color of my other “active links” to a different color (for some reason they were grey, so you couldn’t see the text!
Hi Robert,
Yes It is possible. Very easy to do it. Thesis 1.6 made it very easy.
You have to do this.
Go to ‘Design Options’ under “Thesis Options” in Wordpress admin dashboard.
Then expand “Nav menu”.
Then change the color of “Current background Color”. To change color click on the current available color. Color picker will expand. Then choose your wished one.
If you don’t want to change background color and only want to text, then change the ‘current link Text color’.
Hope you got it. If you need any help, just leave a comment here.
I was playing with this and also changed my comment hyperlinks to other color compared to the content hyperlinks..
The code — .custom h2 a:hover, #comment_list a{
color:#000000;
}
Perhaps, useful for everyone
Thanks for that, very cool, such great btu simple advice.
Victoria
hai..
Thank you.. keep on reading..
Very useful and I subscribed and downloaded the ebook, thanks so much for your help. I’ll be coming back often. My sites look soooo much better without those boring Thesis blue links.
hai victoria..
you can get more tutorials on fourblogger youtube channel..
Can you change the link color of only the prev- next post in thesis? I have my sidebar background color: darkgrey and my #content background white. I have the primary links set in thesis design options for #ffffff.
I need the links appearing in the #content be another color than white.
Thanks, Mark
already discovered it:
.custom #content a { color:#000000; }
.custom #content a:hover { color:#000000; }
thanks anyway
Do you have a tutorial on how to add a custom image to sidebar titles? So lets say I create a an archives graphic in photoshop and how would I add it to the thesis theme. I haven’t found anything like that on the web.
hai Laura,
Currently we dont have tutorial for add graphical image in sidebar heading..
If you want you can add background image for sidebar heading with our tutorial
see this
nice tutorial but it’s not what im looking for. id like to know how to place the navigation menu below the header and add logo to the header then make the whole header transparent with only the logo shown. i also would like to know how to make the nav border color transparent. i hope you can help me.
thank you.
hai enad,
To change navigation below header use the below tutorial
http://fourblogger.com/how-to-change-the-header-image-above-nav-menu-in-thesis-theme/
to add transparent header logo follow this tutorial
http://fourblogger.com/how-to-change-the-header-image-above-nav-menu-in-thesis-theme/
I need just my sidebar primary links to be white seperate from content and heading what is the code for that?
What’s your site link? Just now! Launched new 3 months program. You can make use of the forum for thesis theme.
{ 1 trackback }