There are two main ways to control space around elements: margin and padding.
Margin: Adds space outside the element.
Padding: Adds space inside the element, between the content and its border.
How to Add Spacing
Select the element (like a text box or heading).
In the Style Panel on the right, click the + next to margin or padding.
Choose where to apply the spacing (top, bottom, left, right).
Set a value (e.g.,
20px
,10%
, or5vh
).Adjust until it looks how you want.
You can even use negative values like -100px
if needed.
Evenly Space Multiple Items
If you have several items (like buttons or images) and want even spacing:
Select all the elements.
In the Style Panel, find the Distribute tool.
Choose Distribute Horizontally or Vertically.
Section spacing
To keep consistent space between full sections:
Click on the section.
Go to Section Spacing in the Style Panel.
Add top/bottom padding (e.g.,
100px top
,100px bottom
).
This is especially helpful when working with writers, as the content can change without messing up the layout.