CSS for increasing nav bar font size

• 

  coraxoband · Member · Dec 30, 2013 at 9:50 am

  • Copy link
  • Add topic to favorites

  Hey, I’ve searched the forums and found quite a few possible codes, that have enabled me to increase the font size in the content. When I try to increase the nav bar font size though, which is terribly small right now, nothing happens.

  I tried using this code:

  .main-navigation a {
      font-size: 200%;
      font-weight: bold;
  }
  
  .site-main .widget-area p, .site-main .widget-area a {
      font-size: 130%;
  }
  
  .entry-content {
      f

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

• 

  justpi · Member · Dec 30, 2013 at 1:05 pm

  • Copy link

  Add this and increase the value:

  #access ul {
  font-size: 12px;
  }

• 

  coraxoband · Member · Dec 30, 2013 at 2:03 pm

  • Copy link

  That did the trick, thanks a lot!

• 

  justpi · Member · Dec 30, 2013 at 4:50 pm

  • Copy link

  You’re welcome.
  But didn’t you overdo it a little? Do you really want them that large, or did you do it in order to create a full-width nav bar? The latter is possible without resorting to such a huge font size.

• 

  coraxoband · Member · Dec 30, 2013 at 4:54 pm

  • Copy link

  Well I played around with the font sizes and settled with that one.

  But you’re right, I left it like that because it lined up with the content. How should I do it if I’d want slightly smaller font but still full width nav bar?

  Cheers!

• 

  justpi · Member · Dec 30, 2013 at 5:27 pm

  • Copy link

  Decrease the 50 you’ve used, and add these:

  #access {
  float: none;
  text-align: center;
  }
  #access li {
  display: inline-block;
  float: none;
  }

• 

  coraxoband · Member · Dec 30, 2013 at 6:42 pm

  • Copy link

  Thanks! Looks much better now.