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