How to change site font AND menu font to Arial

• 

  laingorourke · Member · May 3, 2016 at 1:02 pm

  • Copy link
  • Add topic to favorites

  What CSS code should I use to change the site font and menu font to Arial?

  Thanks in advance.

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

• 

  thesacredpath · Member · May 3, 2016 at 5:33 pm

  • Copy link

  Hi there, I see you have this in your custom CSS to change the base body font to Arial.

  body {
      font-family: Arial,Helvetica,sans-serif !important;
  }

  The following will change the menu font.

  .wf-active .main-navigation {
      font-family: Arial,Helvetica,sans-serif;
  }

  By “site font” did you mean the body font that you changed?

• 

  laingorourke · Member · May 4, 2016 at 8:50 am

  • Copy link

  Thank you! That’s really helpful. Yes I managed to change the site font since posting on here, but couldn’t fix the menu.

  Incidentally, do you know how to change the colour of hyperlinks please?

• 

  thesacredpath · Member · May 4, 2016 at 6:04 pm

  • Copy link

  The general link color setting is done here. I’ve included the base and also the hover rules.

  a {
      color: #302d7f;
  }
  a:hover {
      color: #c1c1c1;
  }

• 

  laingorourke · Member · May 5, 2016 at 9:57 am

  • Copy link

  Thank you very much again!

• 

  thesacredpath · Member · May 5, 2016 at 5:56 pm

  • Copy link

  You are welcome.