How To Change Menu Background Color In Wordpress

In WordPress, menu text color or groundwork color tin ordinarily be controlled through theme options. If yous want to change the text colour or background colour of the currently active menu particular, you tin can audit the element of the currently active carte du jour item to encounter which class is added to the "currently active bill of fare item and and so utilise CSS to change the color .

WordPress menu text color/background color Setting

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

Menu text/background color Setting in Avada theme

For case, for the Avada wordpress theme, you can specify the menu color/background colour in the Principal Bill of fare Typography section of Avada > Carte du jour > Main Carte.

Main Carte du jour Font Hover/Active Color, Chief Carte Dropdown Font Color, Main Menu Dropdown Font Size, etc. tin as well be set in this section.

As for the background color, you can ready the Main Menu Dropdown Background Colour, the Primary Menu Dropdown Groundwork Hover Color, etc. in the "Main Carte" section just above it.

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

Navigation color for GeneratePress theme

The theme GeneratePress, used for this web log lets you lot command the colors of multiple elements in Appearance > Customize > Colors.

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

Custom CSS code tin be added in Appearance > Customize > Boosted CSS section

If the bill of fare text colour is not visible

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

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

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