How do I change the font of my primary and secondary menu items via CSS

• 

  pednutritionguy · Member · Jul 9, 2013 at 3:39 pm

  • Copy link
  • Add topic to favorites

  I have the custom design package and have successfully set my two fonts – Adobe Garamond and Open Sans – for my body text and headings respectively. I would love to change the font of the primary and secondary menu items from Garamond to Open Sans utilizing my CSS style sheet. I tried the following to no avail:

  #menu-primary {
  font-family: “open-sans”;
  }
  #menu-primary li a {
  font-family: “open-sans”;
  }

  I would greatly appreciate any help,
  Cordially,
  Kipp

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

• 

  kardotim · Member · Jul 10, 2013 at 8:11 am

  • Copy link

  Try to use this code instead:

  .menu li {
  font-family: “open-sans”;
  }

  You can do the same for the sub header menu:

  .sub-header-menu li {
  font-family: “open-sans”;
  }

• 

  pednutritionguy · Member · Jul 10, 2013 at 10:41 am

  • Copy link

  Good morning Kardotim:

  Ahhhh! The beauty of menu and submenu headings in Open Sans! Thank you so much for your assistance.

  Appreciatively,
  Kipp

• 

  kardotim · Member · Jul 10, 2013 at 11:04 am

  • Copy link

  You’re welcome :)

  Please let us know if you need any further assistance!