Change menu color

  • uzupan

    #4991

    My menu bar is black. I am trying new colors. How do I change the menu bar color? I did not see an entry under the colors section of graphene options.

    http://www.raymondvilleupc.net

    ronangelo

    #30100

    add this in Custom CSS

    #header-menu-wrap {
    background: #117711;
    }

    Prasanna SP

    #30101

    #header-menu, #header-menu-wrap {

    See this tweet. – http://twitter.com/GrapheneTheme/statuses/220829078880661504/

    Quote:
    Coming up in Graphene 1.8: colour options for navigation menus (yes, with an s!), top bar, and footer.

    Worth waiting for it..

    sanuja.com

    #30102
    Quote:
    #header-menu, #header-menu-wrap {

    See this tweet. – http://twitter.com/GrapheneTheme/statuses/220829078880661504/

    Coming up in Graphene 1.8: colour options for navigation menus (yes, with an s!), top bar, and footer.

    Worth waiting for it..

    Thank you for the update. I am looking forward.

    tbk

    #30103
    Quote:
    #header-menu, #header-menu-wrap {

    See this tweet. – http://twitter.com/GrapheneTheme/statuses/220829078880661504/

    Coming up in Graphene 1.8: colour options for navigation menus (yes, with an s!), top bar, and footer.

    Worth waiting for it..

    Sounds great!

    Swiftbags

    #30104

    Hi,

    First time here so please forgive if I make mistakes in posting…

    Testing site is: http://www.moltenrock.co.uk/wp/

    I can’t locate the function to change text colour in the navigation menu. When it has a yellow background I would like the text black, not white. Thank you for any advice!

    Prasanna SP

    #30105

    @Swiftbags

    To change menu text colour to black,

    #header-menu > li:hover > a, #header-menu > li.current-menu-item > a, #header-menu > li.current-menu-ancestor > a {
    color: #000000;
    }

    To change ancestor colour to clack,

    #header-menu > li.menu-item-ancestor > a {
    background: url("images/sprite_master.png") no-repeat scroll -877px -192px transparent;
    }

    Swiftbags

    #30106

    Not working, although I could have changed the wrong code somewhere…

    Test menu (www.moltenrock.co.uk/wp/ ) shows the ghost of an “arrow” behind the text, but the text is still white.

    I replaced existing code but no luck. I believe it is the ancestor text I would like to be black (that on the yellow background)

    many thanks,

    Prasanna SP

    #30107

    If you are putting that code in child theme style sheet, copy /graphene/images/sprite_master.png to child-theme-directory/images/sprite_master.png or change background url to http://yoursite.com/wordpressroot/wp-content/themes/graphene/images/sprite_master.png

    Try these,

    #header-menu > li:hover > a, #header-menu > li.current-menu-item > a, #header-menu > li.current-menu-ancestor > a {
    color: #000000 !important;
    }

    There was an error in the above ancestor css code. I forgot to add :hover for li.menu-item-ancestor. Try this instead,

    #header-menu > li.menu-item-ancestor:hover > a {
    background: url("http://www.moltenrock.co.uk/wp/wp-content/themes/graphene/images/sprite_master.png") no-repeat scroll -877px -192px transparent !important;
    }

    fecarol

    #30108

    Please, I need your help. The codes up didn´t help me (i don´t know if using in the right place; i´m not very used to use CSS). I want to make the menu bar black and the letter red. I do i do it?

    Thanks

    http://www.marinorpsol.com.br

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

You must be logged in to reply to this topic.