WordPress.com Forums » Topic: How can I change the font size of main menu bar (navigation)?

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

juliegustafson — Fri, 09 Nov 2012 04:02:17 +0000

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!!

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

designsimply — Mon, 05 Nov 2012 21:45:36 +0000

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

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

skyblueguy — Tue, 30 Oct 2012 05:24:35 +0000

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;
font-size: 10px;

}

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

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

Thanks.