...
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.
...
| title | See Spacer Options |
|---|
...
The spacer block in an email content editor allows users to add space between sections.
...
Adding a Spacer Block
Drag and drop the
...
Default Toggle is OFF
Turning the Dynamic Spacer Toggle to ON
...
spacer block into one of the structured containers.
Click on the spacer.
.gif?version=1&modificationDate=1680104581208&cacheVersion=1&api=v2)
Dynamic Spacer Toggle
...
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.
.gif?version=1&modificationDate=1680104581245&cacheVersion=1&api=v2)
...
Set the background color of a block
...
. The default setting is transparent
...
. Users can select a color
...
by using the color picker or
...
Line
...
Spacer will have a divider line
Set the color of the line
...
entering a hex code.
.gif?version=1&modificationDate=1680104581260&cacheVersion=1&api=v2)
Set the style of the spacer’s divider line.
...
Set the thickness of the 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.
.gif?version=1&modificationDate=1680104581281&cacheVersion=1&api=v2)
...
Set the width of the line in the spacer.
.gif?version=1&modificationDate=1680104581289&cacheVersion=1&api=v2)
Alignment
Set the alignment. This will set the alignment for the entire block.
...
Right | Center | Left
Option to set for mobile
Responsive Spacer
...
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
...
The default option is OFF for the More option.
...
Click More to open up the margin options to increase the margins around the text.
...
Hide Element
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.
...
Learn More About Blocks
| Child pages (Children Display) | ||
|---|---|---|
|
...
More About the Content Library
| Child pages (Children Display) | ||
|---|---|---|
|