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;
}

Dir hat der Beitrag gefallen? Dann teile ihn gerne!

Discover more useful code snippets:

See all code snippets

Tobias

Tobias is a WordPress and Divi expert and the founder of Divitorials.com. 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
Newest
Oldest Most Voted
Inline Feedbacks
View all comments
Rita
Rita
1 year 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
1 year 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