Change menu font in Qua theme

• 

  verenakacinskis · Member · May 29, 2016 at 10:45 pm

  • Copy link
  • Add topic to favorites

  Hi!

  I’ve playing with CSS customization and it has been working fine.

  But I’m having trouble with the main navigation of my blog. I can’t seem to change the font family to pair it with the one that I use for the heading of my posts. The CSS code works for the menu font size but not for the font family.

  I’d appreciate any help in this subject!

  Thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  kathrynwp · Staff · May 30, 2016 at 9:58 pm

  • Copy link

  This should modify the menu font to use Futura PT instead of Calluna:

  .wf-active .main-navigation a, .wf-active .navigation a {
    font-family: "futura-pt-1", Helvetica, sans-serif;
  }

  Let me know how it goes.

• 

  carladoria · Member · May 30, 2016 at 10:05 pm

  • Copy link

  Hi there,
  Try using the following CSS:

  .wf-active .main-navigation a {
      font-family: "futura-pt-1","futura-pt-2",sans-serif;
  }
  }

  That should match the same font family as your posts titles.

• 

  carladoria · Member · May 30, 2016 at 10:06 pm

  • Copy link

  There’s an extra curly brace there, please take it out ;)

• 

  verenakacinskis · Member · May 30, 2016 at 10:08 pm

  • Copy link

  It works, girls!

  I used @kathrynwp’s code (with looks just like @carladoria’s) and the menu looks beautiful!

  Thanks!

  Verena

• 

  carladoria · Member · May 30, 2016 at 10:09 pm

  • Copy link

  Hi @kathrynwp, didn’t see you already replied ;)

• 

  carladoria · Member · May 30, 2016 at 10:09 pm

  • Copy link

  Glad to know it worked! :)

• 

  kathrynwp · Staff · May 30, 2016 at 10:13 pm

  • Copy link

  Verena – glad you’re all set!

  Carla – no worries :)