Skip to main content

​
What is spacing?

Spacing is about the space around and inside elements on your website. Good spacing makes the website easier to read and more visually appealing.
Padding = space inside an element (between the edge and the content). Margin = space outside an element (between the element and its neighbors).

​
How to adjust spacing

1

Select the element

Click “Select element” and click on the element you want to adjust spacing for.
2

Find the Spacing tool

In the panel you’ll see the Spacing section with visual controls for padding and margin. You can adjust all four sides (top, right, bottom, left) individually.
3

Change the values

Enter values in pixels (px) to adjust the spacing. Changes show in real-time.

​
Change size

You can also change the width and height of elements:

Width

Set the width in pixels. Useful for adjusting the size of images, boxes and columns.

Height

Set the height in pixels. Use this to make sections taller or shorter.

​
Common adjustments

Increase padding on the section containing the text. Try 40-60px for a spacious feel.
Increase margin (bottom) on the section above, or margin (top) on the section below.
Increase padding inside the button to make it bigger without changing the font size.
Set equal margin on left and right sides to center an element.
Don’t be afraid to experiment! You can always click “Revert to published version” to go back.