Learn to create a spacer section with custom content to organize and separate your page content.
In this article:
What is a spacer?
A spacer is a dividing space to visually break up your content:
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:
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!