Welcome! To use this support forum, please Login or Join Today!

   

Changing the font size in the menu

{name}
Rank

Total Posts: 9

Joined 2014-07-16

PM

 

Hello… this I have been looking at for a while but no result.

I need to make the font size in the navigation smaller, and possibly change to a different font (one of the fonts from my computer) which I would need to upload to the server.

{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 

—REMOVED—

My apologies. This reply was intended for another topic.

{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 

To reduce the font size, you’ll need to do that in the main stylesheet.
Just go to Appearance → Editor, and add this line of CSS below the initial @import:

#menu ul#nav li a {
font-size12px;
font-familyYourfontfamily;

“Yourfontfamily” can be anything system-standard such as Arial, Georgia, etc. but non-system fonts must be specially packaged and imported via @font-face. You can read more about that and generate a package from here.

You may already be aware of this, but as an alternative to @font-face, you can also use Google Web fonts.