[Resolved] padding on a page

[a1reno]

Hi,

I am using elementor page builder with generatepress and noticing that when I use elementor on a page there is a bit of padding just under the header, however on something like a tag archive page it is not there.

I contacted elementor and they said the theme is putting the padding there.

Is there some page setting I can turn off on a page by page basis that will make the gap disappear?

https://share.getcloudapp.com/Wnub7RxD
https://share.getcloudapp.com/KouBjx4b

Thanks

[David]

Hi there,

not sure where its coming from but you can try this CSS to eliminate it on elemontor pages:

.elementor-page .entry-content {
    margin-top: 0;
}

[a1reno]

Hi David,

Thanks for the code.

It’s strange because the code worked on one page, but for the majority of the other pages it didn’t work for example my website URL that I gave to you.

Any ideas why that might be?

[David]

It works when i add it in the browser developer tools – maybe the browser cache needs clearing? If not give it some !important.

.elementor-page .entry-content {
    margin-top: 0 !important;
}

[a1reno]

Hi,

This query dates back to July but I still see the issue occurring even with the last code that you gave me.

My site design has changed slightly but the same problem persists. I’ve updated the links just in case. I’ve also cleared my cache but still seems the same.

Just another note that my homepage is a ‘page’ but the gap doesn’t appear on it but on my contact page it does.

Any ideas why this is still occurring?

Thanks in advance.

[David]

Hi there,

Set your Contact pages content container width to Full Width:

https://docs.generatepress.com/article/content-container/

This will eliminate the Themes padding. You can then add whatever padding you need to your Elementor sections.

[a1reno]

perfect. fixed instantly. Thank you!

[David]

Glad to hear that!

[Author]

Posts