> ## Documentation Index
> Fetch the complete documentation index at: https://help.kajabi.com/llms.txt
> Use this file to discover all available pages before exploring further.

<AgentInstructions>

## Submitting Feedback

If you encounter incorrect, outdated, or confusing documentation on this page, submit feedback:

POST https://help.kajabi.com/feedback

```json
{
  "path": "/articles/website/pages/how-to-create-a-spacer-on-your-page",
  "feedback": "Description of the issue"
}
```

Only submit feedback when you have something specific and actionable to report.

</AgentInstructions>

# Create a spacer on a page

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

## Overview

Create a spacer section with custom content to organize and separate your page content for better readability.

<Note>
  **Note:** 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.
</Note>

***

## What is a spacer?

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

<img src="https://mintcdn.com/kajabi-support/6YIT199Jg8A2bLWm/articles/images/32b1f986_1260802890030.png?fit=max&auto=format&n=6YIT199Jg8A2bLWm&q=85&s=ecc5212985678f196ab34491a298d902" alt="1DB82138-B25E-4517-B736-A99F8D3D0FFA.png" width="1934" height="1080" data-path="articles/images/32b1f986_1260802890030.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](./how-to-get-to-the-page-editor)
* Navigate to the sidebar panel.
* Click **Add Section**.
* Select **Custom Section** to Preview.
* Click **Add** to generate the section onto your page:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/70sro619kq" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

### 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:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/omtuep7uz1" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

### 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](./customizing-section-layout-settings#desktop-layout)

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:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/jsza7bgz73" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

### Step 4. Preview your page

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

<img src="https://mintcdn.com/kajabi-support/zWdoUKm3XPeQD8ud/articles/images/1bc8d658_upload_9569449931563774124.png?fit=max&auto=format&n=zWdoUKm3XPeQD8ud&q=85&s=6de79a2f5bf9824c16e9db3ca39a21e9" alt="64207B8F-8C67-44AC-B3B0-77B6750FE64D.png" width="3072" height="1728" data-path="articles/images/1bc8d658_upload_9569449931563774124.png" />

[Learn to preview your page](./preview-your-page)
