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


    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.


    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 > > a {
    color: #808080;


    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



    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;




    Hello Dude,

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


    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;



    Glad you found a working solution amioamar :)

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



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

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