Changing Nav Menu Colors

  • lawhat

    #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

    #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

    #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

    #22391

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

    Mod

    Kenneth John Odle

    #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

    #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

    #22394

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

    Josh

    #22395

    @ Freecyclist,

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

    The Freecyclist

    #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.

    Josh

    #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.

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.