In Thesis 1.6, the navigation menu design was given an overhaul. Now the basic Thesis Navigation Menu looks like this:
<ul class="menu"> <li class="tab tab-home current"> <a href="http://thesisthemetutorial.com">Home</a> </li> <li class="tab tab-1"> <a href="http://thesisthemetutorial.com/about">About</a> </li> </ul>
There are also a bunch of new navigation menu customization options in the Thesis Design Options interface. All the basic options can be tweaked including attributes like the link color, link background, hover background, nav border, etc. If you still need to customize your thesis nav menu some more, then just go into your custom.css and do your edits there.
No related posts.
{ 3 comments… read them below or add one }
Hi.
Would like to ask you if you know how to change the different navigation menu tabs to different color? Each tab with different color.
I’m using the thesis 1.7
Your help would be greatly appreciated! =D
Hi Jeyyt. Each tab in the menu should have a different class name, .tab-1, .tab-2, .tab-3, etc. So you could go into your custom.css stylesheet and change the color of each tab using those class names.
Your comment above was so useful. I can’t believe how easy Thesis has made customising every single element through CSS. Love it.