underline tabs at the top

[Angela Campana-Loaiza]

Hi,

I was wondering, can I add blue underline to the tabs at the top individually? is that possible. please let me know.

Thank you so much for you help

Angela

[Bill Robbins]

Angela,

Just to make sure I understand, you want to add a blue underline to some of the navigation menu items, but not all of them, right?

Just let me know.

Thanks,
Bill

[Angela Campana-Loaiza]

Hi Bill,

I want to add a blue underline to all of the tabs, but rather than a long underline, I would like to add a line under each one, individually, if possible please. (the ones at the top, Home, about us, all of them)

Please let me know if that is possible

Thank you

[Bill Robbins]

You can do that. Here’s how:

1. Go to the Theme Options page and select the Styling tab.
2. At the top of the tab, choose yes to include custom styling.
3. Scroll down to the Custom CSS box and paste this:

   
   nav .menu li a {
   	border-bottom: 1px solid #ffffff;
   }
   
   nav .menu li .sub-menu a {
   	border: none;
   }
   

4. Replace the #ffffff with the color you'd like to have for the underline.
5. Update your settings.

That should give you an underline below each word in the top level navigation items with breaks between each one.

Let me know if you have any trouble,
Bill

[Angela Campana-Loaiza]

Hi Bill,

Thank yo so much for all your help, it worked perfectly.

Just wanted to ask, can the lines be a bit thicker? sorry I keep asking, only if it is possible.

Thank you

Angela

[Author]

Posts