Archived topic

Remove padding before footer

3 replies · Started by Encrypto on April 21, 2021

Viewing posts 1–4 of 4

April 21, 2021 at 6:30 am #1743046

Hi I have created a blog post on the site and it appears to have a phantom line directly before the footer.

I believe this is most likely a padding issue, as we had a similar problem for mobile/tablets on the main site pages, which I fixed by adding the following to the "additional css" section.

@media (max-width: 768px) {
    #content {
        padding-bottom: 0px;
    }
}

I have tried adapting this to work on desktop as well but it didn't resolve the issue - using dev tools in chrome to inspect, it doesn't seem to be coming from the same element.

Any thoughts on how I can remove this to tidy up the bottom of the page?

Many thanks

April 21, 2021 at 7:34 am #1743349

Hi there,

when building full width pages with a page builder its best to set the Content Container to Full Width.

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

This will:

a. remove any of the theme padding.
b. provide a full width layout so you don't have to force the pagebuilder sections to be fullwidth ( Elementor i believe still uses Javascript to do that )

Or alternatively you can add this CSS to remove the theme elements and padding that are causing the gap.

.elementor-page .inside-article {
  padding-bottom: 0 !important;
}
.elementor-page footer.entry-meta {
  display: none;
}

April 21, 2021 at 7:50 am #1743367

Thanks David,

The "full width" option didn't seem to change anything but the css has fixed the problem

Thanks again!

April 21, 2021 at 9:37 am #1743503

Glad to be of help

This archived topic is closed to new replies.

Start building better websites today.