Need help? Check out our Support site, then


How to change font of menu under header

  1. collegehillrenovation
    Member

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

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

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

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

  7. collegehillrenovation
    Member

    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