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

Question

我已经浏览了有关此主题的所有其他问题，并尝试了提供的所有示例代码，但几个小时后似乎仍然无法解决问题，所以我在这里。

我正在尝试更改所选菜单页面的颜色以进行网站导航。我正在使用Astra主题和Elementor Page构建器。我进入WP定制程序，并选择了链接颜色和链接悬停颜色，但是这些更改似乎只有在我位于菜单的“商店”页面上时才生效。我可以在“商店”菜单文本中看到的唯一区别是它是自定义链接，而不是入门主题默认链接？附上图片以显示我在说什么。

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.

我正在尝试将选定的菜单文本颜色从该红色橙色更改为另一种自定义颜色-或将所有文本保留为灰色，并在悬停或选中时使菜单文本带有下划线。问题是在菜单项之间导航时，我似乎无法使更改保持一致。帮助将不胜感激！

Answer 1

编写一个自定义CSS属性，将此CSS类用于菜单。

• 外观-自定义-自定义CSS（在此处写入自定义CSS）

• 外观-菜单-页眉/主菜单 在页面顶部，您应该选择“屏幕选项”菜单...单击它，然后启用（选中）CSS类框。

现在，单击菜单项并为每个菜单项指定CSS类。