Return to Support

Changing Nav Menu Colors

Home Forums Graphene WordPress theme Support Changing Nav Menu Colors

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #2882
    lawhat
    Member

    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,

    #22389
    iholdfast
    Member

    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

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

    #22391
    iholdfast
    Member

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

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

    #22393
    iholdfast
    Member

    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;

    #22394

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

    #22395
    Josh
    Member

    @ Freecyclist,

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

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

    #22397
    Josh
    Member

    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.