• Hi,

    I want to change the hover colour and the active colour of the navigation menu.

    I was super happy to found in the forum how to change the hover colour by adding some code to the additional CSS section. It works!

    .menu-item a:hover {
        color:#026E9F !important;
    }

    Then I add this, but it’s not working… (either the hover or active colour).

    .menu-item a:active {
        color:#026E9F !important;
    }

    I do not know very much about coding, I guess I’m doing something wrong. I’m stuck. Does anyone has a suggestion?

    Here what I have now:

    .menu-item a:hover {
        color:#026E9F !important;
    }
    
    .menu-item a:active {
        color:#026E9F !important;
    }

    Thanks in advance for any help!

    Amélie

    • This topic was modified 5 years, 3 months ago by amlie.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hello,

    The CSS should work, please use it with a different color to check it as below:

    .menu-item a:hover{
    color:red!important;
    }

    You can adjust the value of color according to your needs.

    Thread Starter amlie

    (@amlie)

    Hi,

    Thanks for your reply.
    The code looks like this. The hover-colour is now red but the active-colour does not change, the default colour is still displaying.

    Is there something more I can add to the code?
    Thanks!
    Amélie

    .menu-item a:hover {
        color:red !important;
    }
    
    .menu-item a:active {
        color:red !important;
    }
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Change Navigation Menu Text Color in CSS’ is closed to new replies.