How to Remove the Empty White Space at the Bottom of SharePoint Page

Issue

In some cases, you will notice empty white area at the bottom of your SharePoint page. 

Reason

This will happen when you use Section, Background and Row at the bottom of the page as a ShortPoint footer.

This empty space is added by SharePoint to the content area of the page, not because of ShortPoint.

Solution

Step 1. Remove the spaces after the last Section

Edit the page. Click the three ellipsis button of the last Section on the page and select "Clear Spaces After": 

Step 2. Apply the custom CSS solution

Open ShortPoint Theme Builder.

Navigate to Utilities > Custom CSS:

Copy the following custom CSS code:

[data-automation-id="CanvasControl"] 
{
       padding: 8px 8px 0 8px !important;
       margin-bottom: 0 !important;
}

Paste the code in the Custom CSS text area:

To save the customization, click Apply (1) and Publish (2).

That's it. This will remove the space from the bottom of the page.

Related articles: 

• How to Remove the Padding inside a Panel Design Element
• How to Republish the Theme Builder Settings