Need help? Check out our Support site, then


How to change font of menu under header

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

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

    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 collegehillrenovation.com.

  2. 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;
    }
  3. hmm....I did that and it didn't work.
    #nav {<br /> float:none;<br /> font-size:1.5em;<br /> text-transform:capitalize;<br /> font-weight:bold;<br /> text-align:center;<br /> font-family:veranda, "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif,!important;<br /> margin:15px 0 10px;<br /> }

  4. 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.

  5. 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?

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

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

  8. 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?

Topic Closed

This topic has been closed to new replies.

About this Topic