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.

Bolding the menu font

Open 4 replies general
webworks
10 years ago · Last reply by Magus 10 years ago

Hello,

I’ve tried many things, but I can’t seem to bold the nav menu.

How can I make this menu bold: http://myperfectplace.com/wp/

Like this one? http://thepointeapts.com/

I’ve tried many variations of the following custom css. For whatever reason, something works on one site but not the other. Any help you can give would be most appreciated

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

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. webworks 10 years, 8 months ago

    Could it be that the Lato font is not loading on this site, even though I have the same font settings?
    http://myperfectplace.com/wp/

    Perhaps it’s not bold that’s the issue at all.

    They seem to be different fonts. If there is a way to ensure that the lato font loads in the menu, perhaps that is my fix.
    Thank you in advance for your response,
    Heather

  2. Magus Staff 10 years, 8 months ago

    Hi Heather

    You have added the font Lato(700) to your site. This font only contains the bold option of Lato. If you use the standard Lato font instead you will then be able to use the font weight bold option in your CSS.

    Let us know how you get on

    Magus

  3. webworks 10 years, 8 months ago

    I think I’m getting closer :) I changed the body text to Lato (regular) under customize.

    For some reason, the rollover for reversed text appears to be the way we want it, but the regular nav text is still not bold. Do you know the proper custom CSS to make the navigation bar bold?

    http://myperfectplace.com/wp/

  4. Magus Staff 10 years, 8 months ago

    Hi Webworks

    The navigation bar is already being shown in bold for that font, as are all the header title sizes. The main body font is being shown in regular or normal type.

    This is the currently active CSS for the menu text

    .main-navigation a {
    font-family: ‘Lato’, Lato;
    font-size: 13px;
    font-weight: bold !important;
}

    Magus

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