Change text color in Nav menu

  • I asked this previously but never could figure it out. My site is https://www.catholictravelblog.com.

    1. The Nav menu is white letters–that’s what I want. \
    2. But when I highlight one of the nav buttons it all but disappears because it changes to some weird color.
    3. And after I have clicked on the nave button and then return to the main page the menu items have also changed to some color.

    I assume I can change something in the .css file. Scared to try anything since I am not a coder. Any answers that a novice might understand?

Viewing 3 replies - 1 through 3 (of 3 total)

  • If that is Twenty Twelve and you have a Child Theme, I think you can add this to it for making your change:

    .main-navigation li a:hover {
color: #efefef; /* very light gray */
}

    note: Look for “visited” if you might want to change the after-click color.

    Also, here is a neat place to try different color numbers and see what they give you:
    https://www.colorhexa.com/

    Thread Starter Gloria333

    (@gloria333)

    I tried that but it doesn’t seem to work. Here is what I did:

    }
    .main-navigation a {
    color: #ffffff;
    }
    .main-navigation a:hover {
    color: #ffffff;

    Maybe I am not doing it in the right place. I just changed the color from 000000 to ffffff

    Gloria, review exactly what lee gave to you, your CSS is not the same.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change text color in Nav menu’ is closed to new replies.