How can I change the menu font size?

jstein · #1 Dec 21, 2010, 08:11 AM

I'm a little embarrassed to ask this since I've done this before but I can't remember how I did it and can't find any info here in the archives to answer my question...and I'm sure it's a simple answer.

All I want to do is change the font size of my menu items so that they all fit on the same line under the header image. How do I do that? Here's my URL: www.embodiedawake.com

Thanks!

lmilesw · #2 Dec 21, 2010, 08:58 AM

You can change the font size in ATO>Menu 1>Font Size & Face but to keep the text the same size for readability you could go to ATO>Add HTML/CSS Inserts>CSS Inserts and change the following line.

HTML Code:

div#menu1 ul.rMenu li a, div#menu2 ul.rMenu li a {
padding: 6px 10px;    
}

To

HTML Code:

div#menu1 ul.rMenu li a, div#menu2 ul.rMenu li a {
padding: 6px 4px;    
}

This will reduce the space between menu items.