09 – Spacer
- 1 Minute to read
- Print
- DarkLight
09 – Spacer
- 1 Minute to read
- Print
- DarkLight
Article summary
Did you find this summary helpful?
Thank you for your feedback
Description
The simple Spacer block may be simple, but it is one of the most important features of any email. Every design relies on 'space', no matter the industry. This block has the added function to hide/show a keyline or just render it in desktop view. It can also edit the thickness and color and set the widths on desktop and mobile using a percentage.
Default block view
Desktop
Mobile
Formatting options
Padding
This refers to the space between the block's content and its border. This can be edited in the Details Tab.
Option | Details | Default |
|---|---|---|
Padding | Top & Bottom | 10 |
Left & Right | 0 |
Hide/Show Line
Used to set the hide and show options for desktop and mobile.
Option | Details | Default |
|---|---|---|
Hide/Show | Desktop | Show |
Mobile | Hide |
Block Background Color
Used to change the block background color. Only use HEX color values. HTML email only recognizes 6-digit long-hand versions and has patchy support for shorthand versions.
Option | Details | Default |
|---|---|---|
Background Color | Block Background Color | #ffffff |
Line Thickness
It allows you to change the thickness of the spacer.
Option | Details | Default |
|---|---|---|
Line Thickness | Line Thickness | 2 |
Line Color
It allows you to change the color of the spacer.
Option | Details | Default |
|---|---|---|
Line Color | Line Color | #cccccc |
Line Width %
It allows you to change the width of the spacer in % level.
Option | Details | Default |
|---|---|---|
Line Width % | Line Width % | 100 |
Compatibility
There are no known render issues with this block.
Was this article helpful?