Editing the font and size of the main menu?

• 

  edentoner · Member · Jul 22, 2014 at 3:46 pm

  • Copy link
  • Add topic to favorites

  I’m having trouble editing the appearance of my site’s main menu. I’ve done some dabbling in CSS to change it, but so far the code is only affecting the submenu I have in place (under Services). The submenu is exactly how I want it, with larger font and increased spacing, but making changes to the Main menu options isn’t working.

  This is my addition to the CSS page:

  .main-navigation li ul li a {
  font-size: 1.8em;
  line-height: 1.3em;
  }

  But this edit only changes the submenu. How can I make the main menu larger? Or is this even possible?

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

• 

  shawnajroberts · Member · Jul 22, 2014 at 4:28 pm

  • Copy link

  Hey there!

  This is totally possible. It looks like your selector is a little too focused. Try this instead:

  .nav-menu li a{
  	font-size: 1.8em;
  	line-height: 1.3em;
  }

  Here are some helpful posts that will help you customize your site with CSS:

  An Intro to CSS: Finding CSS Selectors

  An Intro to CSS, or How to Make Things Look Like You Like

  Intro to CSS: Previewing Changes with the Matched Rule Pane

  http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

  Let me know if you have any more questions!

• 

  edentoner · Member · Jul 22, 2014 at 5:21 pm

  • Copy link

  Thank you SO MUCH! Worked perfectly, and the links are helpful too!

• 

  shawnajroberts · Member · Jul 22, 2014 at 5:49 pm

  • Copy link

  Perfect! Let me know if I can help with anything else! :)