Website Building » Elementor » How do I change the menu font in WordPress Elementor?

How do I change the menu font in WordPress Elementor?

Last updated on March 2, 2023 @ 10:57 am

When creating a site or blog in WordPress Elementor, it’s important to personalize the experience for each individual user. One way to do this is to change the font used in the menus.

 

Changing the menu font in WordPress Elementor is easy. To do so, open the “Appearance” screen in the WordPress Dashboard, and click on the “Menu” tab.

In the Menu window,  select the menu that you want to edit from the drop-down menu.

From there, scroll down to the menu items section and click on the drop-down arrow on one of the menu items.

This will open up the menu item settings.

 

To change the font property of your menu, go to the “Navigation Label” section and enclose the menu title within the tags shown below. Once done, click on the “Save Menu” button.

<font color=”#ff0000″>Insert menu title here</font>

NOTE: The term “#ff0000” is the hex code for the color, “Red”. You can choose other colors to apply according to your preference.

 

PRO TIP: If you are not a developer or comfortable with code, we do not recommend changing the menu font in WordPress Elementor. Doing so could break your site if you are not careful.

 

From there, go back to the website page and refresh to see the results. You can see that in this example, the menu title, “About” has the font color “Red” applied to it.

Finally, repeat the same steps with all the other menu items in the Menu Appearance Settings window and click on the “Save Menu” button.

 

Now your menu font has been changed!

Overall, changing the font used in the WordPress Elementor menus is easy and convenient. It can be a great way to personalize the experience for each individual user.

 

 

 

Madison Geldart

Madison Geldart

Cloud infrastructure engineer and tech mess solver.