...
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.
...
Instructions
Drag and drop the
...
spacer block into one of the structured containers.
...
Dynamic Spacer Toggle
...
Default Toggle is OFF
Turning the Dynamic Spacer Toggle to ON
...
Click on the spacer.
.gif?version=1&modificationDate=1680104581208&cacheVersion=1&api=v2)
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
...
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)
Width:
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.
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
on a mobile device
...
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) | ||
|---|---|---|
|