Lifestyle: change navigation font

Community Forums Forums Design Tips and Tricks Lifestyle: change navigation font

This topic is: not resolved

This topic contains 4 replies, has 2 voices, and was last updated by  cluttercutt 1 year, 9 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #15727

    cluttercutt
    Participant
    Post count: 6

    I’d like to change ONLY the navigation font but it seems to be governed by the overall font.  I’ve tried using the Google Font plugin but of course it doesn’t give a separate box for just the nav bar.  Is there some coding I could use to just change the nav bar? And I might want to change the size also.

    #15742

    SoZo
    Moderator
    Post count: 1573

    If there isn’t already a rule to accomplish what you are after in the style sheet you need to add it. I recommend installing the Firebug add on for Firefox or using Chrome’s Firebug Lite which will enable you to right click on any element to inspect it and determine the associated style rules or the selectors required to create new style rules.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #15746

    cluttercutt
    Participant
    Post count: 6

    I use Firebug but it only gives all the coding together like this in the CSS:
    body, h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6, p, input, select, textarea {

        color: #444444;
        font-family: Century Gothic;
        font-size: 14px;
        font-weight: normal;
        line-height: 20px;

    which doesn’t allow for any changes to just one area.

    #15748

    SoZo
    Moderator
    Post count: 1573

    That is why you need to add new style rules


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #15750

    cluttercutt
    Participant
    Post count: 6

    hummm, not sure I know how to do that but I’ll Google it! Thanks!

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.