How to change font of menu under header

• 

  collegehillrenovation · Member · Feb 12, 2012 at 12:16 am

  • Copy link
  • Add topic to favorites

  How do I change the font of my menu? Is this where:

  #nav {
float:none;
font-size:1.5em;
text-transform:capitalize;
font-weight:bold;
text-align:center;
font-family:veranda, "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
margin:15px 0 10px;
}

  No matter what font is listed there it stays the same font as the body post.

  http://collegehillrenovation.com

  thank you!

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

• 

  designsimply · Member · Feb 13, 2012 at 8:27 pm

  • Copy link

  That’s happening because you have customized the body text setting on your Appearance → Custom Design → Fonts page and that setting is more specific. You can override it by adding !important to the end of the rule like this:

  #nav {
    font-family:veranda, "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif !important;
  }

• 

  collegehillrenovation · Member · Feb 13, 2012 at 9:05 pm

  • Copy link

  hmm….I did that and it didn’t work.
  #nav {
float:none;
font-size:1.5em;
text-transform:capitalize;
font-weight:bold;
text-align:center;
font-family:veranda, "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif,!important;
margin:15px 0 10px;
}

• 

  designsimply · Member · Feb 14, 2012 at 1:35 am

  • Copy link

  I checked http://collegehillrenovation.com/ and it looks like it’s working now.

  Note that there shouldn’t be a comma before !important. Looks like you already figured that out.

• 

  collegehillrenovation · Member · Feb 14, 2012 at 3:35 am

  • Copy link

  It’s not working. That is still the same font as the template just in bold. I can’t get it to work. Is there something else?

• 

  collegehillrenovation · Member · Feb 14, 2012 at 3:37 am

  • Copy link

  I also want to adjust the padding so the pages are further apart.

• 

  collegehillrenovation · Member · Feb 14, 2012 at 3:13 pm

  • Copy link

  my mistake. I had to delete my cookies and then it showed up. Sorry. You have been very helpful

• 

  designsimply · Member · Feb 14, 2012 at 4:09 pm

  • Copy link

  In your custom CSS right now, you have this:

  #nav {
  float:none;
  font-size:1.5em;
  text-transform:capitalize!important;
  font-weight:normal;
  text-align:center;
  font-family:castellar, "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif!important;
  margin:15px 0 10px;
  }

  That is working.

  Looks like you copy and pasted the font family list from somewhere? Did you mean to list castellar first?