Archived topic
Getting rid of white space at bottom of posts
11 replies · Started by Christine on March 3, 2017
Hey guys,
I'm currently experiencing some issues eliminating a blank space at the bottom of the posts page. I'm using GenerarePress / GP Premium as the theme, and then striping everything back and using Beaver Builder asa drag and drop for creating the structure. On my homepage (https://christineand.co) you can see at the very bottom of the page I've created my own footer (black with socials and copyright) and the page ends their, however in my blog post (https://christineand.co/why-using-social-media-for-your-business/) I can't get that last white space out of the picture. After the footer I get an inch of white space.
I customized the blog section and turned off categories, tags, etc to make the end of the post the end, but that white space is still present. When 'categories' is turned on it shows in that white space below, making me think it's something to do that section.
Any suggestions would be greatly appreciated. Basically I'm looking at creating a completely blank template free from any spaces that allows me to build using Beaver Builder.
Appreciate any help in advance,
Hi Christine,
Can you try to turn off comment and see if the space goes away?
Looks like you are using the comment for Beaver Builder already.
You can do it in Dashboard > Posts > Hover Title > Quick Edit > Allow Comment.
Let me know if that works.
Ok there are a few things going on...Try turn off comment as above, then add this CSS:
.single-post.fl-builder .separate-containers .site-main>* {
margin-bottom: 0;
}
.single-post.fl-builder .entry-meta {
margin-top: 0;
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Hey Leo,
Thanks so much for the speedy reply. I turned off comments and the white space automatically went from an inch to a 1/4 inch, so that must have been the bulk of it.
In regards to adding CSS, do you suggest I do this via the theme wide 'Additional CSS' in the Customize section of WordPress, or via the plugin Simple CSS? What would be the best for optimizing speed/loading, etc.
Thanks,
I would guess using Additional CSS would be slightly faster since you wouldn't have to install an extra plugin. But it's likely unnoticeable though since Simple CSS is a pretty simple plugin :)
I just prefer to use Simple CSS because the codes are much easier to look at especially if you are going to add more.
By the way comments can also be turned off globally in Settings > Discussion for new posts.
Absolutely spot on buddy, thanks a lot. I've just inserted it into the Additional CSS for now as it's the only CSS code I have. If I end up adding more I'll look at Simple CSS to help organize it better.
Thanks so much once again for your speedy response and excellent result!
You're very welcome :)
Hey Leo, me again :)
Any recommendations on code to get ride of the 'previous post' tag at the bottom of this post? It seems to be showing up again after the footer, like the previous white space, which makes me suspect it's something on the theme: https://christineand.co/february-2017-monthly-report/
Thanks in advance on your swift work :)
Christine
I believe this option is added to the next version.
For now use this CSS:
.entry-meta {
display: none;
}Let me know.
Leo, as always, you're a legend! Fixed :) Thanks a lot!
You're welcome :)
