When I use H1 in Visual Composer, there is a big gap

[Moonworks]

When using Visual Composer and using H1 in a text block, it is putting a big gap at the top.

I can’t work out what I need to do to remove that gap.

You can see an example on the right on this page:
https://sylv.net/test

[ruenel]

Hello @Moonworks,

Thanks for writing in! The heading tags have it’s own default margins and padding. This is why when you insert it in a text block, there is a gap above or below the heading element. To prevent this from happening, you will have to add a custom utility class to make sure that there are no gaps. You can check out the utility classes here:

• https://theme.co/docs/css-helper-classes#utility-classes

In your case, the next time you insert an <h1>, you should insert it like this:

<h1 class="mtn">My Heading Test</h1>

The mtn class means margin top none and this will remove any margin on top of the element.

Hope this helps.

[Moonworks]

Thanks for the quick reply.

That’s done the job

[ruenel]

You are most welcome.