Home>Support>Changing Vantage Menu Items Font

Changing Vantage Menu Items Font

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

I am trying to change my menu items font on https://wp-bullet.com and have tried the suggestions from here but they are not working.

Here is what I’ve tried

#menu .main-navigation ul a {
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: normal;
  font-style: italic !important;
}

#menu .main-navigation ul li a {
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: normal;
  font-style: italic !important;
}

I saw in that thread that it will be possible to change the font from the customizer, is this something that will be implemented any time soon?

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 6 months ago Support Assistants

    Hi

    Thanks for your question.

    Your Custom CSS is correct. “Helvetica Neue” is the default font, in order to change your menu font you’d need to edit the font-family value in your Custom CSS. What are you trying to change it to?

  2. 9 years, 6 months ago blindpet

    I thought it was correct too but it isn’t doing anything, if you look on the live site https://wp-bullet.com my menu is neither non-bold nor become italicized.

  3. 9 years, 6 months ago Support Assistants

    Almost there!

    Right now you’re saying:

    #menu .main-navigation ul a {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: normal;
      font-style: italic !important;
    }
    #menu .main-navigation ul li a {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: normal;
      font-style: italic !important;
    }

    Please, remove both rules are replace with:

    #masthead .main-navigation ul li a {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: normal;
    font-style: italic !important;
    }
    
  4. 9 years, 6 months ago blindpet

    Fantastic, that is working to change the menu font.

    Thank you!

  5. 9 years, 6 months ago Support Assistants

    Awesome :) Glad that helped.

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