如何更改所选菜单文本颜色或下划线 - WordPress

Question

I've browsed all of the other questions on this topic and tried all of the sample code that was provided, but I still can't seem to get a fix after a few hours, so here I am.

I am trying to change the color of the selected menu page for my site's navigation. I am using the Astra theme, and Elementor Page builder. I went into WP customizer and made my selections for link color and link hover color, but it seems those changes only take effect when I am on the "Shop" page of my menu. The only difference I can see with the "Shop" menu text is it is a custom link, rather than the starter theme default link? Pictures attached to show what I am talking about.

Red orange color when "Home" is selected

When "Shop" is selected it takes my selected link color from my global color settings. This is the only one that appears to be doing what I asked of it in the UI

The rest of the menu text does the same thing "Home" does - it draws the red orange color from an unknown source, and I don't know what the color code is or where to find it.

I'm trying to either change the selected menu text color away from that red orange color to another custom color -- or keep all of the text as the grey color and make the menu text underlined when hovered over or selected. Issue is I can't seem to make a change consistent when navigating across the menu items. Help would be greatly appreciated!

Answer 1

Write a custom CSS property, use this CSS class for your menu.

• Appearance - Customise - Custom CSS (Write your custom CSS here)

• Appearance - Menus - Header/Main Menu At the top of the page, you should the "Screen Option" menu... Click on it and enable(check) the CSS class box.

Now, click on your menu items and specify the CSS class to each menu items.