Menu font color

  • Resolved edwin5000

    (@edwin5000)


    5 years, 10 months ago

    Hi

    Could you please tell me how to change font color in navigation menu?

    I’d like to change hover and non-hover, normal look of the menu font

    I’ve already changend current_page_item amd current_page_parent color, but I don’t know how to do the rest.

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi there,

    Here’s the CSS code needed to change the color of the menu items:

    /* Menu item color */
#site-navigation li a {
    color: #787065;
}

/* Menu item active color */
#site-navigation .current_page_item>a, 
#site-navigation .current_page_parent>a {
    color: #a09a92;
}
/* Menu item hover color */
#site-navigation li:not(.menu-item-has-children) a:hover {
    border-bottom: 2px solid #999;
    color: #363431;
}

/* Submenu background color */
site-navigation .sub-menu {
    background: #787065;
    border-bottom: 2px solid #eae9e6;
}

/* Submenu item color */
#site-navigation .sub-menu li a {
    border-bottom: 1px dotted #a09a92;
    color: #eae9e6;
}

/* Submenu item hover color */
#site-navigation .sub-menu li a:hover {
    background: rgba(0,0,0,.05);
    border-bottom: 1px solid #a09a92;
    color: #faf9f5;
}
    Thread Starter edwin5000

    (@edwin5000)

    Thank you very much !!!

    Thread Starter edwin5000

    (@edwin5000)

    It works great!

    You’re most welcome ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Menu font color’ is closed to new replies.