Spacer Web Part in SharePoint Online

Did you have a requirement to add the additional space between the two web parts on your SharePoint site page? If so, then you can utilize the SharePoint Spacer web part.

In this Microsoft SharePoint tutorial, I will explain how to add the Space web part to SharePoint Online and how to work with it using a simple example.

Moreover, you will learn how to customize the SharePoint Spacer web part like:

  • How to hide space in mobile view
  • Customize a SharePoint spacer web part spacer length
  • How to move the Space web part in SharePoint online
  • Delete SharePoint Online Spacer web part

Spacer Web part in SharePoint Online

The SharePoint Online site page can be customized using the Spacer web part to add additional space.

Specifically, the modern SharePoint Spacer web part allows us to add vertical space to the page.

Adding the Spacer web part between the two web parts allows us to easily adjust the bar up and down to create extra vertical space in SharePoint.

Spacer web part in SharePoint Online

How to Add a Spacer Web Part in SharePoint Online

This section will explain adding a Spacer web part in SharePoint Online.

  • Open the SharePoint Online site page where you want to add a spacer web part.
  • To edit the site page, click Edit [top right corner] of the page.
Spacer web part in SharePoint Online
  • On the SharePoint site page, select the (+) icon in the bordered circle of the Edit Page.
Spacer web part in SharePoint
  • Under the Text, media, and Content -> Select the Spacer web part.
How to add a SharePoint online Spacer web part
  • The SharePoint Spacer web part will be added on a site page as shown below:
Add SharePoint Spacer Web part

This is how to add a SharePoint Spacer web part on the SharePoint site page.

How to customize a SharePoint Spacer web part

I will explain how to customize a spacer web part in SharePoint online like:

  • Hide space in the mobile view
  • SharePoint Spacer web part spacer length
  • Move the Space web part
  • Delete SharePoint Spacer web part

Let’s explore one by one.

SharePoint Spacer Web part hide space in the Mobile view

To hide space in the mobile view, you can follow the below steps:

  • Select the SharePoint Spacer web part, and click on the edit icon as shown below:
SharePoint Spacer web part
  • On the right-hand side, To hide space in mobile view, you can turn on or off the toggle control as shown below:
How to use Spacer web part in SharePoint

Customize a SharePoint Spacer web part Spacer length

Here, you can see how to customize the Spacer web parts by their length.

  • The spacer can be as long as 320 pixels, but it can also be as short as 16 pixels.
  • To change the spacer’s length, drag the bar.
SharePoint Online Spacer web part

Move the Space web part in SharePoint online

If you want to move your SharePoint Spacer web part and place the web part based on your requirements, then follow the below-mentioned step:

  • Select the Spacer web part and click on a move icon.
How to use Spacer web part in SharePoint Online

Delete the Space web part in SharePoint online

Here, you can see how to remove or delete the Spacer web part from the SharePoint site page.

  • Select the Spacer web part and click on the Delete icon.
How to use SharePoint Spacer web part

Conclusion

I hope this SharePoint tutorial helped you to understand the “SharePoint Online Spacer web part” and how to add the Spacer web part to the SharePoint Online site page.

Lastly, you have learned how to customize the SharePoint Online Spacer web part like:

  • Spacer web part hide space in the mobile view
  • SharePoint spacer web part spacer length
  • How to move the Space web part in SharePoint online
  • Delete SharePoint Online Spacer web part

Moreover, you may like some more SharePoint Online Web part tutorials: