Lifestyle: change navigation font

[cluttercutt]

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.

[SoZo]

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

[cluttercutt]

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.

[SoZo]

That is why you need to add new style rules

---

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

[cluttercutt]

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

[Author]

Posts