Change font and space between links in primary menu

• 

  marianacalofranciscoqueimadela · Member · Feb 14, 2017 at 1:55 am

  • Copy link
  • Add topic to favorites

  Hello,

  I’m using illustratr theme and I’m trying to add “Brandon Grotesque”, medium, as base font but I haven’t been able to accomplish it. I would also like to change the space between the links in the primary menu.

  Thank you in advance.

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

• 

  thesacredpath · Member · Feb 14, 2017 at 7:20 pm

  • Copy link

  Hi there, Brandon Grotesque is typically not used for body text since it is designed for headings and larger text and is less legible at smaller font sizes typical of body text.

  You can add the following custom CSS to override the Karla font with Brandon.

  .wf-active body {
  	font-family: "brandon-grotesque-1","brandon-grotesque-2",sans-serif;
  }

  To change the spacing on the menu items, add the following and adjust the 12px value as desired. It was originally 8px.

  .main-navigation ul li {
  	margin-left: 12px;
  	margin-right: 12px;
  }