How to change font size for Site Title & Menu

  • Resolved bobkirschner1

    (@bobkirschner1)


    5 years ago

    Hi,

    I’d like to use CSS code to change the font size of the Site Title, the Main Menu, and the Tagline.

    I found some code (see below) that looks like it’s working for the Tagline, but I’d like to be sure it is what you recommend:

    p.site-description {
    font-size: 1.8rem;
    }

    Thanks!
    Bob

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author Nuno Sarmento

    (@nunosarmento)

    Hi Bob,

    Could you please share your website URL so I can have a look.

    Thank you
    NS

    Thread Starter bobkirschner1

    (@bobkirschner1)

    Hi,

    My site is https://www.bobkirschner.com

    thanks

    Thread Starter bobkirschner1

    (@bobkirschner1)

    Hello Again, can you help me with changing the font size? I would think there should be a CSS code, no?

    Theme Author Nuno Sarmento

    (@nunosarmento)

    Hi there,

    Please add the below code to your custom CSS theme function Appearance -> customize -> additional CSS

    Change 10px to whatever you want.

    Site Title: 

    .site-title {
    font-size: 10px !important;
}

    Menu Items:

    #site-navigation a, #site-navigation .menu-toggle {
    font-size: 10px !important;
}
    Thread Starter bobkirschner1

    (@bobkirschner1)

    Thanks Nuno. Your code for Main Menu is working. (!important is necessary)
    But the Site Title code is not working.

    Is there a setting that would prevent the code from working?
    Or, can I change the template to achieve this?

    Thank you,
    Bob

    Theme Author Nuno Sarmento

    (@nunosarmento)

    Hi Bob,

    Try the below.

    Site Title:

    .site-title a {
    font-size: 10px !important;
    }

    Thread Starter bobkirschner1

    (@bobkirschner1)

    Yes! That site title code did it, thanks for the help!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to change font size for Site Title & Menu’ is closed to new replies.