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

Anonymous
Not applicable

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

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

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

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

Anonymous
Not applicable

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

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

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

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

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

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