How to Change WordPress Menu Text Color/Background Color

WordPress Menu

In WordPress, menu text color or background color can usually be controlled through theme options. If you want to change the text color or background color of the currently active menu item, you can inspect the element of the currently active menu item to see which class is added to the “currently active menu item and then use CSS to change the color .

 

WordPress menu text color/background color Setting

Typically, themes provide options to set the text color and background color of menu items. If you provide such an option, let the theme options (Customize) change the color.

Menu text/background color Setting in Avada theme

For example, for the Avada wordpress theme, you can specify the menu color/background color in the Main Menu Typography section of Avada > Menu > Main Menu.

Main Menu Font Hover/Active Color, Main Menu Dropdown Font Color, Main Menu Dropdown Font Size, etc. can also be set in this section.

As for the background color, you can set the Main Menu Dropdown Background Color, the Main Menu Dropdown Background Hover Color, etc. in the “Main Menu” section just above it.

And in Avada > Options > Header > Header Styling, you can set the header background color, etc.

Navigation color for GeneratePress theme

TheĀ  theme GeneratePress, used for this blog lets you control the colors of multiple elements in Appearance > Customize > Colors.

In the Primary Navigation section you can specify the navigation background color, menu text color, submenu background color, submenu text color, and more.

Custom CSS code can be added in Appearance > Customize > Additional CSS section

If the menu text color is not visible

Sometimes the text color of a menu or drop-down menu item is not visible. If this problem occurs, first check whether the text color and background color of the menu item are not the same. For example, if the menu text color is white and the menu background color is set to white, it will not appear as if there are no menu items.

If the menu text color and background color are the same, changing the menu text color or changing the menu background color will solve the problem.

For self host WordPress website, you need WordPress hosting to host your website.