H tags in Accordion item

[henrikmarstal]

Hi there
Im using the Nonprofit demo theme, and im trying to style the typography in a Accordion item, but i just cant get a h5 and a h2 headline to follow each other with no gap in between without both turning into the same h tag.
can you help me? (see photos for clarification - the problem is marked with red)

[friech]

Hi Jakob,

Thank you for writing in, in X and Pro all headline (h1 - h6) has a default top margin. That is the gap that you’re seeing between your h5 and h2, and that space above the h5 as well that is a default margin. If you don’t want your headlines to have a top margin, you can add a CLASS mtn on it, its a Utility Class that means margin top none. So write your headline like this:

example:
<h5 class="mtn">My Headline</h5>

More about Utility Classes here.

If you want a specific margin for the headline, then use the inline-styling instead.

example:
<h5 style="margin-top:22px;">My Headline</h5>

But be careful about using inline-styling though it might mess up your responsive (mobile) view.

Hope it helps,
Cheers!