Home>Support>Edit Menu Font for Vantage Theme
  1. 8 years, 7 months ago Andrew Misplon Hi, I Work Here

    Hi Brian

    It’s not a theme setting right now but you can with custom CSS. Insert the following under Appearance > Custom CSS:

    /* Vantage set menu font family and weight */.main-navigation a {font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight: normal;}

    You can make changes as required. Let me know if you need further help.

  2. 8 years, 5 months ago [email protected]

    Hi Andrew,

    A bit confused because there seem to be so many fonts in this code…Maybe one is for main menu and another for sub? But still seems like a lot of fonts. In any case, I just want to use Open Sans 16 point font (12 point font for sub menu)….And I want to be able to modify the spacing between menu items…It’s a bit wide right now.

    Apologies for my ignorance…

    Cheers,
    Jon

  3. 8 years, 5 months ago Andrew Misplon Hi, I Work Here

    Hi Jon!

    The first font is the font you’re requesting, the following fonts are part of the stack. If a computer doesn’t have the first font, the CSS says, go look for the second font, then third etc.

    1. Horizontal Menu Spacing: Please see: https://siteorigin.com/thread/adjust-space-between-menu-items/

    2. Menu font and font size:

    /* Vantage set menu font family and font size */
    
    .main-navigation a {
    font-family: ‘Open Sans’, sans-serif;
    font-size: 16px;
    }

    Hope that helps.

    If you need further help on this please open a new thread. Often previous users are still on email alerts, that’s the main reason.

  4. 8 years, 3 months ago Marcel Isler

    Hi Andrew

    I have likely the same isue as Jon but I would like to set
    “HELVETICA”, Helvetica Neue, Arial;
    as the main font for the hole Website. What is the code that I need to place into custom CSS to get this done?

    • 8 years, 3 months ago Andrew Misplon Hi, I Work Here

      Hi Marcel

      It’s possible to set all fonts in Vantage Premium to Helvetica Neue under Appearance > Customize > Fonts. For Helvetica you could try the following under Appearance > Custom CSS or in a Custom CSS module/plugin:

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

      For further help on this please open a new support thread. Thanks.

  5. 8 years, 2 months ago Martin Kleijwegt

    Hi there,

    How do I change the font size of the SECONDARY menu-items?

    Cheers. Martin

    • 8 years, 2 months ago Andrew Misplon Hi, I Work Here

      Hi Martin

      Shooting from the hip:

      .main-navigation ul ul a {
      font-family: 'Open Sans', sans-serif;
      }
      

      For further help on this can you please open a new support thread and I’ll grab it ASAP. Thanks!

  6. 8 years, 1 day ago P P

    Hi, i would like to use Shadows into light two for menu font (and for footer text widget headline), but I can not do that. Can you please let me know what could be the issue?

    • 8 years, 1 day ago Andrew Misplon Hi, I Work Here

      Hi P P

      Please open a new support thread and we’ll help out as soon as possible.

      Page: New Thread

      Thanks

  7. 6 years, 10 months ago Juri Bertoldero

    Hallo, I would like to use “Amatic SC (700)” font only in menĂ¹ text.

    I tryed this but don’t work (I see something like “Times New Roman” font):

    .main-navigation a {
    display: block;
    text-decoration: none;
    color: #e2e2e2;
    font-weight: bold;
    font-family: “Amatic SC (700)”;
    font-weight: normal;
    }

  8. 6 years, 27 days ago ELearning ByDana

    I was trying to figure out how to change the font without coding and came across a widget called fonts for web. I have used it successfully. It is super easy and over 1000 fonts to choose from and you can customize the size and color of the text. *I do not have any affiliations with this widget…I was just desperate to find a different font than the serif font offered. Good luck. -Dana

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More