Spacers
Making your page “breathable”

Last updated 1/9/2020

1

page and makes it more

What does a “Spacer” do?

2

Affects the layout of your	Allows you to alter the “grid” “breathable” and appealing.	of your webpage.

Examples

Without Spacer	With Spacer

Notice the crowding in between these separate components:

3

Click Edit Page in the black bar to add a new component.

Click “Edit Page”

Find a page on your website that you want to add a spacer to.

4

Add a spacer in a Text Window component

1

2

3

After “Add Component”, the spacer you’ve created will go to the bottom of your component list.

5

Drag the new spacer to nest in between the two components in need of some space between them.

6

Final Step: Adding the “Space”

Edit each spacer component to add your space:

7

Click your “Enter” or “Return” keys at least once to create the “space”

Don’t forget to save!

8

What it looks like on your page (editor’s view)

9

Other Spacer Example:

10