Remove White Space Above Bottom Footer

[kestough]

The Integrity stack - is there anyway (besides using a negative margin) to remove the white space above the bottom footer?
See attached.
Thanks in advance

[lely]

Hi @kestough,

Yes, there’a way to remove it other than using negative margin. By default on integrity there is 40px top and bottom margin set for container offset. We can reset this to zero. Try adding this custom CSS on Theme Options > Global CSS:

.x-container.offset {
    margin-bottom: 0;
}

If that CSS doesn’t work, it will depends on how you have set it up. Your site seems local and I cannot access it. But based on the image you have shared, that is the most likely source. Other than that, other option is like this: go to Theme Options > Layout and Design: make sure Background color is also set to gray. It happens because your site background color is mostly likely set to white, then on your content container and footer, you have set background color to gray. Since there is set space, we can see through the site background color white.

Hope this helps.

[kestough]

Awesome! Thank you!

[kestough]

Okay I tried that and it doesn’t seem to change anything. I don’t want to change the whole background of the site that needs to remain white as it is set. The bottom container thats in the screenshot has a background on the section and then there’s the bottom footer.

Does it change things if I’ve got the footer widget areas set to “none”? Like maybe it’s the blank widget space that’s showing the white through?

The site is being developed locally.

[thai]

Hi @kestough,

To remove that white space, please navigate to Theme Options > Footer > FOOTER WIDGET AREAS > select None:

Hope it helps

[kestough]

It is currently set to none. I’m thinking that’s why there is white space showing up.

[kestough]

I created a live link so you could see better what might be happening. http://3799f3aa.ngrok.io/

[nabeel]

Hi @kestough,

Thank you for providing the URL. I checked your page and I see there is an empty paragraph tag <p></p> tag in your content which is the cause of the white space (see screenshot)

Please find and remove the empty <p></p> tags to remove the white space, look out for white spaces too in your content as they can be rendered as <p></p> tags in WordPress or you can add the following code in the Theme Options > CSS:

p:empty {
    display: none !important;
}

Hope this helps!

[kestough]

Oh that’s perfect, thank you!

[paul.r]

You’re welcome!