Problem Changing Theme Font Size For One Menu!

1
331 followers
Updated

I've just set up a new website (crazyoddweird.everythingprint3d.com) and after HOURS of searching, I found the right theme for what I needed. I've got it pretty much set up how I want it. Except one thing: the menu font is too small.

I've done a few searches on WA to find blogs/tutorials on how to change the font and I found one that looked promising:

https://my.wealthyaffiliate.com/training/change-font-size-in-wordpress-omg-code

I went through the steps of the video, as follows:

1. Go to the Editor in WP, to the Stylesheet:

2. Ctrl-F to find the "font-size" phrase in the stylesheet at the section you want to change. In my case, I want to change the size of the menu font

Now the image on the screen shows the font-size highlighted. This is the only one in the "small menu" section, and this is the only menu section with a "font-size" in it that could be found in the stylesheet.

I've already changed the font size in this snapshot, from 2 to 10. I clicked "Update File" and refreshed the already open page I had for my site.

But nothing changed!

The tutorial I used above made total sense and I believe I've followed the steps as stated. So why does the computer say "NO!"?

The name of the theme I'm usng is BirdSITE.

If anyone in WA has any idea where I go from here, please let me know. It's very frustrating.

Looking forward to your help.

Cheers,

Scott

Login
Create Your Free Wealthy Affiliate Account Today!
icon
4-Steps to Success Class
icon
One Profit Ready Website
icon
Market Research & Analysis Tools
icon
Millionaire Mentorship
icon
Core “Business Start Up” Training

Recent Comments

1

Hey Scott,

You're putting the code in the wrong place. There are two menu sections. There is nothing in your Small Menu. Add the code to just the Menu instead.

Search for this line in your css file: /* Menu

after that add your custom font-size to:

#menu-wrapper .menu {
width: 240px;
margin-top: 40px; }

making it look like this instead:

#menu-wrapper .menu {
width: 240px;
margin-top: 40px;
font-size: 1.1em;}

you can play with the em size until you get like you want it. I saw in your picture that you set it to 10. That's going to be way too big.

I hope this helps

Login
Create Your Free Wealthy Affiliate Account Today!
icon
4-Steps to Success Class
icon
One Profit Ready Website
icon
Market Research & Analysis Tools
icon
Millionaire Mentorship
icon
Core “Business Start Up” Training