Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

Change navigation/menu bar colour - Delicacy theme

  1. sweetnessandbite88
    Member

    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 sweetnessandbite.com.

  2. rosamontefishing
    Member

    I need help with this too!

  3. sweetnessandbite88
    Member

    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

  4. designsimply
    Staff

    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/

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags