Home>Support>Bolding the menu font

Bolding the menu font

By webworks, 9 years ago. Last reply by Magus, 9 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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 3 months ago webworks

    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. 9 years, 3 months ago Magus
    Hi, I Work Here

    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. 9 years, 3 months ago webworks

    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. 9 years, 3 months ago Magus
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More