# Large Gap Between Content & Footer

**URL:** <https://colorlibsupport.com/t/large-gap-between-content-footer/11153>\
**Category:** Sparkling\
**Created:** [July 7, 2016, 10:36am UTC](https://colorlibsupport.com/t/large-gap-between-content-footer/11153 "2016-07-07T10:36:19Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![chris001](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/c/c0e974/32.png) [@chris001](https://colorlibsupport.com/u/chris001)\
**Post date:** [July 7, 2016, 10:36am UTC](https://colorlibsupport.com/t/large-gap-between-content-footer/11153/1 "2016-07-07T10:36:19Z")

</div>

Hi,

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.

Best,  
Chris

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [July 7, 2016, 11:56am UTC](https://colorlibsupport.com/t/large-gap-between-content-footer/11153/2 "2016-07-07T11:56:57Z")

</div>

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,  
Movin

---

<div class="post-metadata">

**Author:** ![chris001](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/c/c0e974/32.png) [@chris001](https://colorlibsupport.com/u/chris001)\
**Post date:** [July 7, 2016, 2:21pm UTC](https://colorlibsupport.com/t/large-gap-between-content-footer/11153/3 "2016-07-07T14:21:01Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [July 8, 2016, 11:40am UTC](https://colorlibsupport.com/t/large-gap-between-content-footer/11153/4 "2016-07-08T11:40:57Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![chris001](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/c/c0e974/32.png) [@chris001](https://colorlibsupport.com/u/chris001)\
**Post date:** [July 9, 2016, 3:18am UTC](https://colorlibsupport.com/t/large-gap-between-content-footer/11153/5 "2016-07-09T03:18:20Z")

</div>

Hi @Movin,

Sure thing and thanks for all of your help.

[http://quipmo.com/wp-login.php](http://quipmo.com/wp-login.php)  
UN: External Help  
PW: Admin

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [July 11, 2016, 7:27am UTC](https://colorlibsupport.com/t/large-gap-between-content-footer/11153/6 "2016-07-11T07:27:50Z")

</div>

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

```auto

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

```

---

<div class="post-metadata">

**Author:** ![chris001](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/c/c0e974/32.png) [@chris001](https://colorlibsupport.com/u/chris001)\
**Post date:** [July 11, 2016, 9:25am UTC](https://colorlibsupport.com/t/large-gap-between-content-footer/11153/7 "2016-07-11T09:25:59Z")

</div>

Perfect - thanks @Movin!!

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [July 12, 2016, 7:24am UTC](https://colorlibsupport.com/t/large-gap-between-content-footer/11153/8 "2016-07-12T07:24:01Z")

</div>

You are most welcome here 🙂