Change navigation/menu bar colour – Delicacy theme

  • Author
  • #1108902

    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.


    The blog I need help with is


    I need help with this too!


    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!



    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:

    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.

The topic ‘Change navigation/menu bar colour – Delicacy theme’ is closed to new replies.