Change menu color
-
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.
#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..
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.
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!
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!
@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;
}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,
If you are putting that code in child theme style sheet, copy
/graphene/images/sprite_master.png
tochild-theme-directory/images/sprite_master.png
or change background url tohttp://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
forli.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;
}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
Viewing 10 posts - 1 through 10 (of 11 total)
- 1
- 2
- You must be logged in to reply to this topic.