Remove Bottom White Space

[ckwright]

I have looked around for an understanding on how to remove white space at the bottom of my main pages (Home, Services, About, etc.). I have tried using css as proposed here but I have to put in a negative value which then messes up the Blog page. I could really use some help to understand why the X Theme has so much white space and how to deal with this latest white space. www.ckwright.ca

[nabeel]

Hi @ckwright,

Thank you for reaching out to us. Most of the white spacing is coming through the comments area enabled for your pages, either you can disable the comment section for each page or you can remove it’s margins globally to remove the white spacing by adding the following code in the Theme Options > CSS:

.entry-wrap {
    padding-bottom: 0;
}
.x-comments-area {
    margin: 0;
}

Please note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Don’t forget to clear all caches including your browser’s cache after adding the code. Hope this helps!

[ckwright]

@nabeel

.x-comments-area {
    margin: 0;
}

Thank you very much, I appreciate the explanation…good to know that. The solution worked, thanks.

[ruenel]

Hey @ckwright,

You are most welcome!
We’re glad @Nabeel were able to help you out.

Cheers.