Comments on: Color Individual Tabs on the Thesis 1.6 Nav Bar

By: Sarah Cornwell

Sarah Cornwell — Thu, 22 Jul 2010 19:06:50 +0000

My dropdown menu children are all inheriting the background url image from its parent. So all four items on the submenu display the same image as the parent. What am I doing wrong? I’m trying to get the same result as you have in your menu – images for the menu and text for the submenu.

By: Kevin

Kevin — Tue, 04 May 2010 14:42:38 +0000

I got the code to work on my first 5 tabs, but my last tab is an additional external link. It actually works out to be the “5th” tab from the right of the HOME tab. Since it’s an additional external link created from a Link Category, it doesn’t seem to be working. Any help?

By: Mike Nichols

Mike Nichols — Sat, 24 Apr 2010 18:28:19 +0000

Hi, DaniGirl,

Thank you for the comment and the compliments!

The plugin I use for the “Share and enjoy” icons is Sociable.

By: Mike Nichols

Mike Nichols — Sat, 24 Apr 2010 17:57:29 +0000

Hello, again,

The ascii code I gave you was made into the symbol it represents! Here is the code separated by spaces. Just take the spaces out to use it: & d a r r ;

That’s 6 characters — don’t leave off the semicolon!

By: Mike Nichols

Mike Nichols — Sat, 24 Apr 2010 17:52:31 +0000

Hi, Brandon,

All you have to add to the custom menu tab code is a font family property, like this:

.custom .menu .tab-1 a {
background: green;
color: white;
font-family: Verdana, Arial, sans-serif;
}

Of course, you will want to change the fonts. I suggest you consult http://w3schools.com/css/css_font.asp for more information on this property.

The down arrow is inserted in the menu title using the ascii code “↓” without the quotes. Check out this thread in the Forums: http://diythemes.com/forums/css-html-design/24347-arrow-navigation-bar.html

By: Brandon Sean

Brandon Sean — Sat, 24 Apr 2010 07:47:34 +0000

hello great worked for me!!..
But i have a question how do I add custom fonts??
what is the CSS code required?
I wanted to do something like DIY theme where the “GET THESIS” is in a different font
also how do I add those “arrows” in the Nav menu in DIYthemes.com?

Thanks In advance!

By: DaniGirl

DaniGirl — Sun, 18 Apr 2010 18:57:05 +0000

Ah, thank you so much for this! I’d had this kind of customization with Thesis 1.5.1 and lost it with the upgrade to 1.7. Thank you!!!

P.S. May I ask which plug-in you use for your “share and enjoy” icons? The one I was using is no longer compatible. Thanks again!!

By: Andrew

Andrew — Fri, 09 Apr 2010 19:26:38 +0000

Figured it out, was missing “#” infront of the HEX values.

By: Andrew

Andrew — Fri, 09 Apr 2010 19:08:11 +0000

Hi,
Have you had any problems getting this to work in Thesis 1.7? Tried to implement it as shown (but using HEX values) and I’m not getting any background colors to show.

By: Special Tips .co.cc

Special Tips .co.cc — Fri, 12 Mar 2010 09:21:15 +0000

Hi.. I also using thesis theme, my site is also cool.. :)

tHANKS for your tutorials