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

• 

  skyblueguy · Member · Oct 30, 2012 at 5:24 am

  • Copy link
  • Add topic to favorites

  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.

  The blog I need help with is: (visible only to logged in users)

• 

  designsimply · Member · Nov 5, 2012 at 9:45 pm

  • Copy link

  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 at 4:02 am

  • Copy link

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