How to modify h6 typography?

  • Resolved jack_martin_leith

    (@jack_martin_leith)


    10 years, 7 months ago

    This is not a big issue but it would be good to know how to increase the leading for heading size h6 as I’m using it for image captions and some of them go to two lines or more. See https://www.jackmartinleith.com.

    I’ve looked at all 29 pages of support requests and it doesn’t look like this has already been addressed.

    As others have rightly said, your service is outstanding. Thank you, and warm wishes from Bristol UK.

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

  • do you have access to your bootstrap.css file? Either by FTP or through the WordPress editor?

    Thread Starter jack_martin_leith

    (@jack_martin_leith)

    Hello m2thedris. Thanks for picking up this one. Yes, I have bootstrap.css right here, ready to modify as per your instructions ??

    Thread Starter jack_martin_leith

    (@jack_martin_leith)

    P.S. I have now located this:

    .h6 small{font-weight:400;line-height:1;color:#999}

    Do I change it to line-height:2; ?

    (No, that didn’t do the trick. I’ll await your instructions.)

    Can you attach a screenshot of which h6s are going to two lines? Maybe we might have to shrink the font a little if changing the line height to 2 did not work. Maybe try 0.75em as the font size.

    Hey so you should just be able to change by adding css to the custom css box in the theme options. For example:

    h6 {
font-size: 12px;
margin: 10px 0;
line-height:1;
}

    I would avoid editing core css, you will lose it when you upgrade the theme.
    Kadence Themes

    Thread Starter jack_martin_leith

    (@jack_martin_leith)

    Job done. Changed line-height to 1.3 and text is now easier on the eye. Thank you very much.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to modify h6 typography?’ is closed to new replies.

Tags