Text Box Line Spacing

Hey there, I tried to search for an answer but had no luck.

So when I use a text box with header text inside, I end up with a massive margin around the “header” text. Is there a way I can add some CSS to remove this spacing? I have had similar issues in the past with double line spacing in bulleted lists, would be nice to know how to fix that too.

I’ll include a link to the site I am working on, you can see it in the menu area.

Thanks for the help!

Hi @kickinrad,
Thanks for reaching out.

After visiting your site, it has been found a space just above the Menu headline, and the reason behind this space is padding of that section.

You need to adjust the default Top padding for this section, to get rid of this space. Please find the screenshot describing the settings.

If that is not what you are trying to point out, please provide some more information such as a screenshot with a marked issue or any video, which will help to recognize the issue.

Thanks

Hey there, thanks for the reply, but that’s not what I meant.

I mean within the the Text element, I will attach a screenshot to show you.

I want to control the line spacing between the “Header” text and the normal text under it.

Hi @kickinrad,

It seems that headings tag and texts are added in a text block. You can use this custom CSS code to get rid of the spacing between Headline and Texts.

Add the below CSS code in Pro->Theme Options -> CSS.

   .mtn h5{
      margin-bottom:0;
      margin-top:10px
    }

You can change the margin-bottom and margin-top value as per your design.

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps you.
Thanks

Awesome! That works perfectly. I had tried some similar code but I think I was missing the .mtn class.

Thanks a ton!

Hi @kickinrad,

Glad to help you.

Thanks