How do I change the font of my Primary menu in CSS?

• 

  nickyclinch · Member · May 8, 2015 at 11:29 pm

  • Copy link
  • Add topic to favorites

  Hi Support,

  I was wondering if you could show me the CSS code I will need to change my primary menu font to Sorts Mill Goudy so that it matches the headings of my Zuki Theme?

  Thank you
  Tom (On behalf of Nicky)

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

• 

  thesacredpath · Member · May 11, 2015 at 6:40 pm

  • Copy link

  Hi Tom, Since Sorts Mill Goudy is a custom font, it has to be set as either the Heading or Body font at Appearance > Customize > Fonts in order for it to be loaded with your site. You can set it as the Heading font and then we can apply it to your menu using CSS and then also use CSS to unapply it from other places you do not wish it to appear.

• 

  nickyclinch · Member · May 11, 2015 at 8:00 pm

  • Copy link

  Thank you for your prompt reply Happiness Engineer!
  I’ve realised now that the font I need to make the primary menu headings match the Zuki theme site headings is the Google font ‘Libre Baskerville’ and not Sorts Mill Goudy (they look similar..).
  is there any way I can add CSS code to add Libre Baskerville as my menu font?
  Or is the fact it is not a custom font mean that I have to find a similar looking font instead from the custom fonts I’m supplied with the WordPress.com upgrade (ie: Sorts Mill Goudy) and set it as a headings font etc instead?
  A grateful Tom (on behalf of Nicky)

• 

  thesacredpath · Member · May 12, 2015 at 12:11 am

  • Copy link

  Tom, ah yes, we can do that. That font is included in the theme files themselves, so we can use that font other places with CSS. This will change the main navigation (below the site logo).

  #site-nav a {
      font-family: "Libre Baskerville",Georgia,serif;
  }

  If you also want to change the menu at top right, then add this instead of the above.

  #site-nav a, #header-top-nav a {
      font-family: "Libre Baskerville",Georgia,serif;
  }

• 

  nickyclinch · Member · May 12, 2015 at 8:29 am

  • Copy link

  Thank you Sacred Path!! You’ve done it!!!
  I should have learnt CSS at college instead of fine art!

• 

  thesacredpath · Member · May 12, 2015 at 2:47 pm

  • Copy link

  I should have learned fine art. :)

  You are welcome.