How to Add a Spacer to a Page in the Page Editor

What You’ll Learn

How to insert a spacer into a page to add extra padding or a visual divider line.

Why It Matters

Spacers help improve the layout and readability of your page by adding breathing room or breaking up sections with a divider line.

---

Step-by-Step Instructions

1. Open the Page Editor

1. Go to the page you want to edit.
2. Click the Edit Page button (look for a pencil icon).

---

2. Open the Layout Menu

1. In the left sidebar, find the section labeled Layout.
2. Click the Layout dropdown to view available subtemplates.

---

3. Drag the Spacer Into the Page

1. Click and hold the Spacer subtemplate in the Layout menu.
2. Drag it into the page body where you want to add space or a divider.

---

4. Adjust Spacer Settings

1. After placing the spacer, a Properties pop-up will appear.
2. Under Size, choose the amount of padding you want (e.g., Small, Medium, Large).
3. To add a divider line, select 50%, 70%, or 100% instead of None.
4. Use Divider Align to choose the line’s position: Left, Center, or Right.
5. Click the checkmark at the bottom right to save your changes.

---

Troubleshooting Tips

• Placed the spacer in the wrong spot?

  Click the moving icon and drag the spacer to move it to a new location on the page.

• Want to remove the spacer?

  Right click on the spacer and click the Delete to delete it.

---