Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #24700

    Hello,

    I want to change the hover color of the menu and active (current menu item) item color, which css do I need to edit please? Any help would be much appreciated.

    Thank you.

    #124422

    Insert following code into the quick css field and change the color value

    .header_color .main_menu ul:first-child > li a:hover, .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a, .header_color .main_menu ul:first-child > li.active-parent-item > a {
    color: #808080;
    }

    #124423

    Hi I am trying to make the menu text color #fff on the main menu and drop downs and a hover color of #ef9a09 . I tried different combinations I found in the forum and I cant seem to get it right.Can you please give me the correct code? THANKS! Evan

    #124424

    Hi,

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

    .header_color .main_menu ul:first-child > li > a, #top .main_menu .menu li ul a {
    color: white;
    }

    .header_color .main_menu ul:first-child > li > a:hover, #top .main_menu .menu li ul a:hover {
    color: #EF9A09;
    }

    Regards,

    Ismael

    #124425

    Hello Dude,

    The above code doesn’t work. I wanted to change the sub-menu hover and active item color.

    #124426

    What worked are these: [if anyone needed help later on]

    #top .header_color .main_menu .menu ul .current_page_item > a, #top .header_color .main_menu .menu ul .current-menu-item > a {

    color: #black;

    }

    #top .header_color .main_menu .menu ul li>a:hover {

    color: #black;

    }

    #124427

    Glad you found a working solution amioamar :)

    Let us know if you have any other questions or issues.

    Regards,

    Devin

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

The topic ‘Menu color change’ is closed to new replies.