How to Create a Spacer on Your Page

Kayla M.

Updated

Learn to create a spacer section with custom content to organize and separate your page content.

This guide refers to the latest page editor available with the Website Builder and Kajabi Pages. If you are using the Premier Legacy Templates, use the Spacer Block to add a spacer to your page.

In this article:


What is a spacer?

A spacer is a dividing space to visually break up your content:

1DB82138-B25E-4517-B736-A99F8D3D0FFA.png

Use this design strategy to encourage your visitors to read through your page with easy-to-consume, beautifully organized content.


How to add a spacer

With the page editing capabilities available with your pages on Kajabi, add a spacer with a custom section. 

Step 1. Add a custom section

To add a spacer:

  • Open the Website tab from the Dashboard.
  • Select either Website Pages or Landing Pages.
  • Open the page editor for your Page. Learn more
  • Navigate to the sidebar panel.
  • Click Add Section.
  • Select Custom Section to Preview.
  • Click Add to generate the section onto your page:

Step 2. Determine the location of your spacer

After adding your custom section, rearrange the sections on your page to place your spacer in your desired location.

To rearrange your sections:

  • Navigate Back to view your list of sections in the sidebar.
  • In the sidebar editor, click = and hold while dragging the section to your desired location.
  • Release the section and click Save to keep your changes:

Step 3. Customize your section padding

Customize the section padding in your newly added section to adjust the spacing size to best fit your page design. Learn more

To customize your section padding:

  • Click the custom section to edit.
  • Navigate to the Section Settings and click Desktop Layout.
  • Use the arrows to select your desired value or enter your desired value into the field.
  • Be sure to click Save to keep and apply your changes:

Step 4. Preview your page

Click the "Preview" icon in the top right corner of your editor to preview your page:

64207B8F-8C67-44AC-B3B0-77B6750FE64D.png

Learn to preview your page


And that's how to create a spacer on your page! Please vote below and let us know if you found this article helpful. We value your feedback. Thanks for being the best part of Kajabi!

Did you find this article helpful?

Need more help?

Contact Us