Every WordPress theme has setting options to set the appearance of the header and its elements, including menu. On Divi, there are two ways to customize the site header. First, you can use Theme Customizer which you can access from Divi -> Theme Customizer. Second, you can use Theme Builder which you can access from Divi -> Theme Builder.
Customizing the site header via Theme Customizer is better suited if you want your website to have a simple header. This option offers fewer options compared to the second option whereby you can create your own header using Divi Builder, the built-in visual editor of the Divi theme. When customizing your site header via Theme Customizer, you can’t even set the font thickness.
Some settings related font you can apply are font family, size, and color. But if you prefer customizing your site header via Theme Customizer as you only need a simple header, this post will show you how to set the font thickness.
Changing the Font Thickness on Divi Header
A little CSS code is required to change the thickness of header on a Divi-powered WordPress website.
First, login to your WordPress dashboard and go to Divi -> Theme Options. Under the General tab, scroll down to the Custom CSS option and paste the following CSS snippet to the code editor.
The code snippet:
#top-menu-nav{font-weight:400;}You replace the font-weight value to any value you want, according to the thickness level you want to. The values you can use are 100 to 900. The higher the value, the thicker your font will be. Conversely, the lower the value, the thinner the font will be.
If you know CSS, you can also add other properties inside the curly brackets to achieve certain styles.
