How to change the background color of your Top Menu using Thesis WordPress theme

Thesis Tutorials

A tell tale sign of a typical blogs/websites developed using Thesis wordpress theme without much customization is the grey color top navigation bar. I am also not sure why that the default position of the navigation bar is above the header image and not below it.

You can see what I mean by the sample Thesis page provided below (took the sample page from diythemes):

If you wish to change your top menu into something totally bombastic, then this tutorial would not help you because you would need to:

  • get someone to design the navigation menu
  • add in the custom CSS code

Since our objective is just change the background color of the top navigation tabs, you can achieve it by going to your WordPress dashboard> Thesis > Thesis Design:

Change navigation bar colouring

See the “Thesis ColorScale”? Click on it and a rich color scale palette would appear right before you. As you click on one of the colors, the colored boxes on the “links”, “borders & highlights” and “interior BGs” will change.

Take note that navigation menu background color follows the “interior BGs” color tone. You may try different color combinations till you are happy with the color displayed on your “interior BGs” box.

I selected the color palette of what you see above and was able to have my top menu navigation bar’s background color of one of my previous sites change from the usual grey to the color you see below:

The navigation bar was previously the typical signature Thesis theme grey color. I have included a screen shot of the site here because I know I would be revising the site design from time to time.

READ  How DIYthemes could have better promote Thesis wordpress theme

Also, don’t panic if the changes are not seen immediately after you save the changes in your Skin Design page. I have done it across my sites and noticed it is not updated immediately however the new color scheme is available the next day after I login to the sites. You can try it after sometime to access from your mobile phone to see of the new color scheme is correctly reflected on your site.

You may be interested in:

Why do you not earn enough to cover for your site’s hosting I have operate almost 10 blogs including this blog. 2 of my blogs made more than 90% of my income. The rest do not make enough to cover my hosting. If I had only those site, I would have to either give up, or fight on (but pay hosting out of my own pocket). Why do you not earn enough to cover for y...
Why business owners are reluctant to set up a website I recently spoke to a small business owner who runs an art studio teaching teaching both children and adults. Her studio has this wonderful vibe and she has students that stayed with her for many years. She has a nice photobook showing some children who are painting... and a few boys gathered exc...
Why you should start your own blog (even if you have a full time job) Even though you have a full time job and do not intend to blog or making a living related to a website, you should still consider starting a blog or a website. You will never know how your own web presence can come in handy and rescue you in time of need. Don't get my point? Let me illustrate.......
Why I initially did not tell friends, bosses and colleagues that I am a blogger If you have just started a blog or is already a full time blogger and you have begun to tell everyone you know but no one seems to be interested.... do not feel sad about it. Sometimes, it may be better to remain a little low profile when it comes to your blogging life, especially if you have bee...
Spread the love

Leave a Comment