This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Changing font in nav menu

Open 5 replies premiumthemetheme-vantage
Alda
10 years ago · Last reply by Andrew Misplon 10 years ago

Hello,

I am trying to change the font in my navigation menu using the CSS plugin but it only presents me with the code for the hover font, not the regular font. (As soon as I pass my cursor over the menu items it automatically goes to “hover”.) Can someone please give me the code for customizing the regular font in the nav menu?

Thanks!

Alda

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Andrew Misplon Staff 10 years, 3 months ago

    Hi Alda

    You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    /* Set Menu Font Family and Size */
.main-navigation {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
  2. Alda 10 years, 3 months ago

    Excellent, thank you!

  3. Alda 10 years, 3 months ago

    Oops, one more thing: can you help me change the size? I have added this to the code:

    font-size: 1em;

    but it doesn’t seem to do anything. Is there something else I should do?

    Thanks!

  4. Alda 10 years, 3 months ago

    Sorry – I actually had 2em; – not 1em;

  5. Andrew Misplon Staff 10 years, 3 months ago

    Mmm that should work. Try being more specific then:

    .main-navigation ul li a {
font-size: 16px;
}

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.

Have a different question or issue?

Start New Thread