Change the look of the menu

• 

  raphmimoun · Member · Jan 21, 2012 at 12:36 am

  • Copy link
  • Add topic to favorites

  Is it possible through CSS to modify the aspect of the Menu on the ‘primary navigation’ space (main menu)?
  For example I would like to write it slightly bigger and space out the different buttons a little bit more.

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

• 

  thesacredpath · Member · Jan 21, 2012 at 1:01 am

  • Copy link

  Are you talking about at this site http://mideastobs.com/ ? The following will boost the font size by 20% and I increased the line height from 18px to 20px to keep some whitespace. The second number on the padding declaration is for the left and right padding on the individual menu items. I’ve increased it from 10px to 20px, but you can edit that as you see fit.

  .nav a {
  font-size: 120%;
  line-height: 20px;
  padding: 5px 20px;
  }`

  See how far the above gets you toward your goal.

• 

  thesacredpath · Member · Jan 21, 2012 at 1:01 am

  • Copy link

  Oops, missed my opening code tag. Copy and paste this at the end of any custom CSS you have instead of the above.

  .nav a {
  font-size: 120%;
  line-height: 20px;
  padding: 5px 20px;
  }

• 

  raphmimoun · Member · Jan 21, 2012 at 1:12 am

  • Copy link

  Perfect. Thank you

• 

  thesacredpath · Member · Jan 21, 2012 at 1:19 am

  • Copy link

  You are welcome.