Changing font size of the primary menu, site title and tagline

  • Resolved praneethagoutham

    (@praneethagoutham)


    4 years, 10 months ago

    Hello,

    I would like to increase the font size of the primary menu, site title, and tagline and/or make them bold on the Kale theme since I find it too small.
    Could someone please help me with a CSS code for all this?

    Thank you.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi Praneetha,

    Thank you for the great question, and thanks for using our Kale theme!

    You can make all three bold by entering the following code in Appearance > Customize > Additional CSS:

    .header-logo-text a, .tagline, .navbar-nav > li > a {
    font-weight: bold;
}

    If you run into any trouble or have any further questions, just let us know.

    Thanks again!

    Thread Starter praneethagoutham

    (@praneethagoutham)

    Hi Steven,

    Thank you for the code, it worked!
    Is there a code for increasing the font size too of the primary menu, site title, and tagline?

    Thanks.

    Glad to hear that, Praneetha! ??

    To increase the font size you’d probably need to split them up a bit since they’re all different sizes:

    .logo .header-logo-text {
    font-size: 72px;
}
.tagline {
    font-size: 26px;
}
.navbar-nav > li > a {
    font-size: 12px;
}

    You can adjust those numbers to suit. Best of luck!

    Thread Starter praneethagoutham

    (@praneethagoutham)

    Thank you for your help, Steven. ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Changing font size of the primary menu, site title and tagline’ is closed to new replies.