Add spacer to an email

Prev Next

A spacer makes emails look structured and leads to a better and easier perception of email content.

New Drag & Drop 51(1)

To set a spacer in emails, follow these steps:

1. Drag the 1-column structure into your HTML email template.

2. Drop the Spacer block.

3. Double-click to activate the settings panel.
4. Set its color.
5. To set the thickness of your space, set the number (increase/decrease) in the Line section.

6. Choose the style of your line. It can be solid, dashed, and dotted.

New Drag & Drop 52(1)

7. Set the spacer's width. The width is measured in percentage, not pixels.

New Drag & Drop H4 14

8. Specify spacer alignment. Center alignment is set by default. You can change it in the alignment section if you like.
9. Toggle the responsive spacer button for a spacer to render properly on mobile devices.
10. You can adjust the paddings for each side separately if necessary.