How do I change the font color in menu navigation?

  • After reading the pinned post for this sub-forum it appears that this is something I should be able to do in the site editor without resorting to CSS. I had originally posted the following in another sub-forum because I didn’t realize it should go here:

    I’m using WordPress 6.1.1 with the Twenty Twenty-Two theme. When I use the Appearance->Editor, I click on the menu navigation.

    I get the editor on the right-hand side of my web browser. It contains sections like Justification, Display, … and Color.

    On Color when I change the text to white, it only changes the down-carrot that indicates submenus. The color of the menu text remains black.

    Where in the world do I change the color of the menu text?

    Thanks!

    • This topic was modified 1 year, 11 months ago by ericmesa.

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

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

  • Did you save the change and check the site (not in the editor) once the change was saved?
    I noticed the same thing but on the live site, the navigation links changed colour.

    Thread Starter ericmesa

    (@ericmesa)

    No, that did not work for me. See the following:

    View post on imgur.com

    If you haven’t yet, try changing the link colour instead of the text colour in the navigation block.

    And then check if the navigation block is part of a group (which it likely is.) It could be that the group has a colour setting that is overriding the navigation block setting.

    That happened to me with a site title issue I had. I fixed it by resetting the group colour settings to no colours.

    I hope some of this is helpful!
    Tracy

    Thread Starter ericmesa

    (@ericmesa)

    It’s a page list, but page list doesn’t have any options.

    Hi @ericmesa

    Looking at the CSS of the navigation menu, it looks like there is an element that is overriding the navigation color. 

    .wp-elements-4e9932b305bd53863aee781a883f4764 a {
    color: var(--wp--preset--color--foreground);
}

    I couldn’t figure out where exactly this color is being pulled from but I would suggest looking closely at your blocks as Tracy mentioned.

    The navigation block is usually inside another block, for example, column, row, or group.

    Kindly check your blocks on the list view to see the color settings.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How do I change the font color in menu navigation?’ is closed to new replies.