Change navigation/menu bar colour – Delicacy theme

sweetnessandbite88 · Member · Dec 30, 2012 at 7:44 am
Copy link

Add topic to favorites
Hi there

I was wondering if there is a way to change the menu bar colour in this theme? I have very little experience with CSS, but if it’s possible I want to change the colour to something that goes a little better with my header image.

Thanks,
Natalie

The blog I need help with is: (visible only to logged in users)
rosamontefishing · Member · Dec 31, 2012 at 3:10 am
Copy link
I need help with this too!
sweetnessandbite88 · Member · Jan 1, 2013 at 1:04 am
Copy link
I hope you get an answer for this rosamontefishing. I’m still interested in the answer but I’m thinking of changing my theme to Comet since it has different colour schemes. Much easier for someone slightly technologically challenged like myself!

~Natalie
designsimply · Member · Jan 2, 2013 at 5:18 pm
Copy link
Certainly. The first thing I would recommend is trying out the Custom Colors tool which will change the entire color scheme. Here’s more info:
http://en.support.wordpress.com/custom-design/custom-colors/

If you want to change just the menu colors, try adding this to your Appearance → Custom Design → CSS editor to change menu colors in the Comet theme:
```
/* Border color for menu and columns. */
.menu {
	border-color: #91ffc5;
}

/* Background color for all menu items. */
.menu li:hover > a,
.menu li ul li a,
.menu li.current-menu-ancestor a,
.menu li.current_page_ancestor a  {
	background-color: #e6fff2;
}

/* Background color for selected item in the menu. */
.menu li.current-menu-item > a,
.menu li.current-menu-item > a:hover,
.menu li.current_page_item > a,
.menu li.current_page_item > a:hover {
	background: #91ffc5;
}
```
You can change out the color codes with new ones if you’d like.
http://0to255.com/

No items found.