Remove extra space margin above headine element

Hi support,

On most of my pages built using native wordpress builder, there is too much space above the opening headline element. I cannot figure out how to remove this. I’m am specifically trying to do it with this page https://god.net/the-letter-from-god/

Hi @SeekGod,

There are the default top margin of headlines. To remove it, please add the following CSS under Theme Options > CSS:

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, 
.entry-content .h1, .entry-content .h2, .entry-content .h3, .entry-content .h4, .entry-content .h5, .entry-content .h6 {
	margin-top: 0;
}

Hope it helps :slight_smile:

Thank you, this helps :slight_smile:

But how can I set it to just take effect on the Letter From God page for now? The page id is 2577. I already tried adding .page-id-2577 to the code you provided, but it still appears to be making it global.

Hi @SeekGod,

Please try with this custom CSS instead:

.page-id-2577 .entry-content h1, 
.page-id-2577 .entry-content h2, 
.page-id-2577 .entry-content h3, 
.page-id-2577 .entry-content h4, 
.page-id-2577 .entry-content h5, 
.page-id-2577 .entry-content h6, 
.page-id-2577 .entry-content .h1, 
.page-id-2577 .entry-content .h2, 
.page-id-2577 .entry-content .h3, 
.page-id-2577 .entry-content .h4, 
.page-id-2577 .entry-content .h5, 
.page-id-2577 .entry-content .h6 {
	margin-top: 0;
}

Hope it helps :slight_smile:

1 Like

Oh I see, we place the .page-id-2577 before each individual headline class.

This is perfect. Thank you!

You’re most welcome.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.