Large Gap Between Content & Footer


I’m finding that there is a very large gap between the content area and footer on all pages except for my blog page. I’ve tried a couple of bits of code that I’ve found online but in each instance it has affected the blog significantly with the blog content then overlaying on top of the footer.

Any guidance on how I could close the gap would be very much appreciated.


Hi Chris,

I hope you are well today and thank you for your question.

Could you please share me your site URL where it’s displaying so that i can troubleshoot it?

Kind Regards,

Hi @movin, I’m afraid that we are still in dev so have coming soon plugin running currently. I’m not sure whether this assists or not but please find screen shot attached showing the sections in question.

The shared screenshot is not helpful.

Would you mind if i log in to your site and do some troubleshooting? If this is ok then could you please share me your site log in details privately by checking the option “Set as private reply” when replying to this topic?

Hi @Movin,

Sure thing and thanks for all of your help.
UN: External Help
PW: Admin

It’s happening because of CSS conflict on your site.

You can try resolving the issue by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

.container.main-content-area {
    margin-bottom: 40px;
} .container.main-content-area {
    margin-bottom: 500px;

Perfect - thanks @Movin!!

You are most welcome here :slight_smile: