Change Navigation Menu Text Color in CSS

  • amlie

    (@amlie)


    5 years, 3 months ago

    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)
  • cristianbarbu

    (@cristianbarbu)

    5 years, 3 months ago

    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)

    5 years, 3 months ago

    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.