Classic - Spacer Block
- Rebecca Kornblum
Analytics
Description
The spacer feature in email builders allows users to insert blank spaces or gaps of various sizes and dimensions within an email layout, helping to improve the overall spacing and alignment of different content blocks or sections. The spacer block in an email content editor allows users to add space between sections.
Adding a Spacer Block
Drag and drop the spacer block into one of the structured containers.
Click on the spacer.
The spacer block options window opens.
Set the Dynamic Spacer toggle. The default setting is Off. Setting the toggle to On allows users to drag the spacer to the desired width.
Set the background color of a block. The default setting is transparent. Users can select a color by using the color picker or entering a hex code.
Set the style of the spacer’s divider line.
Select a style for the spacer line from the dropdown.
Select the thickness of the line.
Select the line color by using the color picker or entering a hex code.
Set the width of the line in the spacer.
Set the alignment. This will set the alignment for the entire block. The alignment options are right, center, and left. There is a separate option to set the alignment for the mobile application by clicking the Mobile icon.
Set the responsive spacer to adjust the spacer to the width of the screen of the mobile device. It is recommended that this toggle be left On.
Padding refers to the amount of space between the edges of the block and the surrounding content. It can be adjusted to create an email that is visually balanced and aesthetically pleasing by adding space to the width or height of the block. The More toggle allows users to adjust the sides of the spacer block either independently or separately.
The More toggle default is set to Off. This allows users to adjust all sides of the button uniformly.
Turning the More toggle On allows all sides to be adjusted independently.
Turn the Add an Anchor Link toggle to On to add hyperlinks that take readers to specific paragraphs within the email.
Users have the option to hide the text on either the desktop or the mobile application.
Click the desktop icon to hide the text on the desktop application.
Click the mobile device icon to hide the text on the mobile application.
