[Resolved] Remove space between footer and content

[Jennifer]

Hi!

For some reason when I pull up my site there is a TON of extra space between my last <hr> and the footer. Is there any way to reduce this?

Site can be found here

[Tom]

Hi Jennifer,

Looks like you have an empty paragraph tag at the end of your content.

You can also reduce this space using our Spacing add-on. In “Customize > Element Spacing” you can remove the bottom content padding.

Let me know if you need more info 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Jennnifer]

Hi Tom,

I’m not seeing where in the code that is located?

[Tom]

The empty paragraph tag is at the end of the content on that page.

If you go in to edit the page, click on the “Text” tab in the editor.

Now at the bottom, you should see an empty paragraph tag (<p></p>) or something similar.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Yvette]

Hi GeneratePress,

Kindly advice how I can remove the white space between the block at the bottum of the page and the footer.

Page: Hva er Apple Pay?

FYI: I plan to have such a quote block at the end of many pages and will have the same problem there too.

Looking forward to hearing from you.

Stay safe!

Kind regards,
Yvette

[David]

Hi there,

try adding the CSS i provide here:

https://generatepress.com/forums/topic/cant-get-menu-nav-or-footer-to-be-sticky/#post-1232453

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Yvette]

Hi Dave,

Thanks for your response. Looked a little bit more on the problem and did some testing.

The strange thing is that the page mentioned above Hva er Apple Pay? has this problem. Apple page is a post.

But did test the same GP container on 3 pages (not posts) and none of them get the same problem, for example:
Bondora Investor Go & Grow Norge

Can you think of something I can have done wrong since all is good on pages (and need no coding solution), but not on posts?

FYI: Try to avoid coding because is not a programmer and is afraid of having solutions I can not understand and control on my webpage.

Thanks,
Yvette

[David]

Aah – sorry, go to Customizer > Additional CSS.
And paste this CSS:

.single-post.one-container .inside-article {
    padding-bottom: 0;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Yvette]

Hi Dave,

Noted, with thanks. Problem now fixed.

Do I understand it correctly that the GP block container is meant to be used on pages and not on posts? If used on posts, one must code it to get the padding etc one wants?

Kind regards,
Yvette
OMACO AS

[David]

It can be used on Posts.
The only issue you may have with Posts is if you want to set the Container to Full Width, so you can have full width backgrounds.

The problem with that is Post title, Post meta and Comments forms will also become full width. And then some CSS is required to fix that.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Yvette]

I see.

Thanks/YB

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts