Navigation Colors

[Chris Jones]

Hi there,

The submenu links color doesn’t seem the change when I choose a new color for the Navigation Item?

Any thoughts?

thanks

[Bill Robbins]

Chris,

Sorry for the trouble. Any chance you could send over a link to where you’re working with it so I can take a closer look for you?

Thanks,
Bill

[Chris Jones]

Sure thing: http://www.shbd-dev.dreamhosters.com

Hover over Programs and you’ll see what I mean.

Wasn’t sure if the email reply was the proper method so posting here as well.

cheers

[Bill Robbins]

Thanks Chris. I do see what you mean too. Let’s do this:

1. Go to the Theme Options page and select the Styling tab.
2. Scroll down to the Custom CSS box and paste this:

   
   #navigation .menu li li a, 
   #navigation .menu li li a:visited {
   	color: #000000;
   }
   

3. Update your settings.

See if that won't change the drop-down item's color for you. If you run into any trouble, let me know.

Have a great week,
Bill

[Chris Jones]

Thanks Bill that did the trick.

Couple of other questions:

I managed to remove the gradient from the nav bar. How do I remove it from hover and menus? I’m trying to flatten the look of the navigation.

Also, is it possible to have the nav bar float to the right of the logo without breaking the responsiveness?

cheers

[Bill Robbins]

I’m glad that worked for you. You can take out the gradient from the hover/current items too. Place this in your Custom CSS box to remove most of the gradients used in the theme:

select.tinynav,
a.button,
p.paging-next a,
p.paging-prev a,
input:hover.button,
input[type="button"],
input[type="submit"],
h4.widget-title,
#home-widgets .donate-graph-cover,
#navigation .menu-item a:hover, 
#navigation .current-menu-item a,
#navigation .current-menu-item ul.sub-menu li a:hover,
#navigation .current-menu-parent ul.sub-menu li a:hover,
#navigation .current-menu-parent ul.sub-menu li.current-menu-item a {
	background-image: none !important;
}

---

You can also float the navigation to the right. See if this snippet won’t do that for you:

#navigation {
	clear: none;
	width: auto;
	float: right;
}

If you run into any trouble, let me know,
Bill

[Author]

Posts