See all code snippets

Changing the font weight of the primary menu links

by | 23. August 2021 | 2 comments

Changing the font weight of the primary menu links

The font weight of the primary menu links is “bold” by default. With the following code snippet you can change the font weight to “normal”.

/* Change the font size of the primary menu links */  
#et-top-navigation, #top-header .container {
   font-weight:normal;
}

Share this post, if you got any value from it!

Discover more useful code snippets:

See all code snippets

Tobias

Tobias is the founder of Divitorials.com and the owner of B&F Webdesign Studio. As a passionate web designer, he helps small and medium-sized businesses as well as self-employed people and freelancers to be more successful online. In his free time he loves to play the guitar, to travel or to cook delicious dishes.

Subscribe
Notify of
guest
2 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Rita
Rita
4 months ago

Hello, I am currently practicing with Divi on WordPress and I would like to know how can I change the font weight only for the selected link.

With the theme builder I am only able to do it with the color. I would like to have standard font weight for the menu but if I click “home” or I am on the contact pages, in the menu it has to appear bold.

Thank you

0
Reply
Tobias
Author
Tobias
4 months ago
Reply to  Rita

Hi Rita, thanks for reaching out!

to achieve that current menu item is bold you would have to use the following code:

#top-menu li.current-menu-item>a {
font-weight:bold;
}

Hope that helps!

Best,
Tobias

0
Reply