Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #25522

    I want to change the font colors for both static and mouseover for all header menu options. This includes parent and child menu options. I am using the header with top navigation. I need to change the font colors for these menu options as well. How do I change these font colors?

    #127245

    Hi,

    You can add this on your custom.css or Quick CSS.

    For the active menu item:

    .header_color .main_menu ul:first-child > li.active-parent-item > a {
    color: blue
    }

    For the menu items.

    .header_color .main_menu ul:first-child > li > a {
    color: red;
    }

    Hover:

    .header_color .main_menu ul:first-child > li > a:hover {
    color: orange;
    }

    Child menus:

    .header_color .main_menu .menu ul li a {
    color: red;
    }

    You can use this for the top or sub menu

    .header_color .sub_menu>ul>li>a {
    color: pink;
    }

    Hover

    #top .header_color .sub_menu ul li a:hover {
    color: red;
    }

    Regards,

    Ismael

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Change Font Color for Header Menus’ is closed to new replies.