Balance Theme Nav Menu Font

Community Forums Forums Design Tips and Tricks Balance Theme Nav Menu Font

This topic is: not resolved

Tagged: , ,

This topic contains 4 replies, has 2 voices, and was last updated by  Barry Moore 7 months, 4 weeks ago.

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

    Barry Moore
    Member
    Post count: 5

    I am trying to change the font of the top nav bar in the Balance theme.

    I put this in the style sheet but nothing has changed.

    /* Import Fonts
    ———————————————————— */

    @import url(​http://fonts.googleapis.com/css?family=Lora:400,700);
    @import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);
    @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

    /* Header / Primary / Secondary Navigation
    ———————————————————— */

    .menu-primary,
    .menu-secondary {
    clear: both;
    color: #222;
    font-family: “Oswald”, Helvetica, sans-serif;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    }

    #92220

    ulysses
    Participant
    Post count: 8

    The way you’re importing the fonts seems to be working. I noticed you’ve added Helvetica in font-family. Try removing it to see if it makes a difference. Also, try applying Oswald to body, Oswald will be applied to the entire site, then you will know it works. That’s always a good test. Maybe, you’re just using the wrong class. Don’t forget to refresh when you apply new CSS.

    • This reply was modified 7 months, 4 weeks ago by  ulysses.
    • This reply was modified 7 months, 4 weeks ago by  ulysses.
    #92225

    Barry Moore
    Member
    Post count: 5

    I know the Oswald import works because that is what I ma using for my H1 and it is fine.

    http://thebrandengine.com

    #92252

    ulysses
    Participant
    Post count: 8

    Try this. You were using the wrong class.

    #menu-primary-navigation {font-family:’Oswald’, sans-serif;}

    It doesn’t look like you’re using the secondary navigation at the moment.

    #92255

    Barry Moore
    Member
    Post count: 5

    Nope. I just got this back from support. I would have never figured that one out.

    “The menu you have on your site is in the header right widget area rather than in a primary or secondary navigation location. To style that menu, you can add a rule for the header menu.

    #header .menu {
    float: right;
    font-family: ‘Oswald’;
    }

    • This reply was modified 7 months, 4 weeks ago by  Barry Moore.
    • This reply was modified 7 months, 4 weeks ago by  Barry Moore.
Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.