How can I change the font size of main menu bar (navigation)?

Need help? Check out our Support site, then

skyblueguy
Member
Oct 30, 2012, 5:24 AM
How can I change the font size of main menu navigation under the header image?

I tried to add "font-size: 10px;" but it did not work:
.main-navigation {
background: #F2F2F2;
}

.main-navigation ul li:hover {
background: #585858;
}

.sub-menu {
background-color: #43C6DB!important;
}
Thanks.

The blog I need help with is aboutwmscogchristahnsahnghong.com.
designsimply
Staff
Nov 5, 2012, 9:45 PM
You are on the right track! To change the text for the main menu in the Sight theme, you'll want to target the links and not just the ".main-navigation" section. Here is an example:
```
.main-navigation a {
	font-size: 10px;
}
```
juliegustafson
Member
Nov 9, 2012, 4:02 AM

I'm a super beginner to CSS and need some help. I would also like to change the style of the main menu (just above the slider) on the Sight theme. I would like to decrease the font size, remove the line frames around each of the page links, and instead have arrows for parent pages.

my blog is here: http://ducttapeandbubblegum.com/

Stamp The Wax did a great job with the Sight Theme and I would like my menu to look just like theirs...
http://www.stampthewax.com/

Any help would be greatly appreciated!!

Topic Closed

This topic has been closed to new replies.