Changing Nav Menu Colors

lawhat
January 18, 2012 at 1:56 pm #2882

Hey guys, I am trying to change my Nav menu colors to #7b7979.

I know right now you can set it as dark or light so are the color settings in a png?

Thanks,

iholdfast
January 18, 2012 at 2:35 pm #22389

Sorry i was able to find out how, but now for some reason the word News and Forum are showing up a light grey, when the rest are black, not sure why?

http://www.techeh.ca

Mod

Kenneth John Odle
January 18, 2012 at 3:04 pm #22390

~~Looks okay to me. Try refreshing the page.~~

I see it now. It’s because you clicked on those once, and now they are “visited” links.

You’ll need to add something like

a:visted {color:#000;}

along with your other code.

iholdfast
January 18, 2012 at 3:33 pm #22391

I cant seem to find the code that changes the visited color? Any idea?

Mod

Kenneth John Odle
January 18, 2012 at 3:41 pm #22392

You’ll need to add it to the code you used to change your menu. Wherever you have a, you also need to add a:visited.
iholdfast
January 18, 2012 at 3:48 pm #22393
so for all of this I need to add more, with a:visited ?
```
/* Top level header menu, hover and current state */

#header-menu > li:hover,

#header-menu > li.current-menu-item,

#header-menu > li.current-menu-ancestor {

background: url(images/sprite_h.png) left -100px repeat-x #eee;

}

#header-menu > li:hover > a,

#header-menu > li.current-menu-item > a,

#header-menu > li.current-menu-ancestor > a {

color: #000;

}

#header-menu > li:hover > a > span,

#header-menu > li.current-menu-item > a > span,

#header-menu > li.current-menu-ancestor > a > span {

color: #000;

}

#header-menu > li.menu-item-ancestor:hover > a,

#header-menu > li.current-menu-item > a,

#header-menu > li.current-menu-ancestor > a {

background-position: -877px -192px;
```
The Freecyclist
January 20, 2012 at 10:52 pm #22394

iholdfast, could you please share how you changed the menu color? Thanks!

Anonymous
January 20, 2012 at 11:02 pm #22395

@ Freecyclist,

What exactly are you wanting to change? The hover color of the menu links?

The Freecyclist
January 20, 2012 at 11:24 pm #22396

For now, not the hover, but the actual menu background–it’s gray right now, I’d love for it to be green. Eventually, the hover and the menu items as well.
Anonymous
January 20, 2012 at 11:33 pm #22397
Okay, try adding this to your child theme or custom css:
```
#header-menu {

background: none repeat scroll 0 0 #FF0000;

}
```
Change the #FF0000 to whatever hex color you like.