[resolved] How to modify h6 typography? (7 posts)

  1. jack_martin_leith
    Posted 1 year 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 http://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.

  2. m2thedris
    Posted 1 year ago #

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

  3. jack_martin_leith
    Posted 1 year ago #

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

  4. jack_martin_leith
    Posted 1 year ago #

    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.)

  5. m2thedris
    Posted 1 year ago #

    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.

  6. Kadence Themes
    Theme Author

    Posted 1 year ago #

    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;

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

  7. jack_martin_leith
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic