Issues with H1 header adding a space below what is written.

Anonymous
Not applicable

I am building a landing page and we have an H1 header.

In the HTML code it is fine and there is no gaps or spacing, but when I preview it moves 200px down in the preview.

Can anyone point me toward a product doc or know how this may be remedied?

Any help is greatly appreciated.

Tags (1)
4 REPLIES 4
Jenn_DiMaria2
Level 10

It sounds like this may have something to do with the styling. Can you post a file with the HTML?

Anonymous
Not applicable

This is the HTML

<h1 style="text-align: center; padding-bottom: 0px;"><span style="font-size: 40px;" _mce_style="font-size: 40px;"><strong><span style="font-family: 'Source Sans Pro', sans-serif; font-weight: 300; color: #0055b7;" _mce_style="font-family: 'Source Sans Pro', sans-serif; font-weight: 300; color: #0055b7;">{{my.H1:default=edit me}}</span></strong></span></h1>

Jenn_DiMaria2
Level 10

I would try doing this:

<h1 style="text-align: center; padding-bottom:0!important; margin-bottom:0!important">

Remove the "px" after the "0", too.

And then see if you have any CSS calling the H1 somewhere in the header.

Anonymous
Not applicable

Unfortunately this did not fix the issue. I really appreciate the feed back though.