Description
There are options to hide/show the different elements within the block – Subtitle & text area. The extra option here is the feature to hide/show a keyline border and edit its styling. Keylines around text can draw the eye in, giving the client greater design options for their marketing messages, away from the usual heading/text block.
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 | 10 |
Right | 20 | |
Bottom | 10 | |
Left | 20 |
Hide/Show
Used to hide or show elements like Subtitles, text, or borders.
Option | Details | Default |
|---|---|---|
Hide/Show | Subtitle | Show |
Text | Show | |
Border | 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 Height
Used to change the text line height.
As with all text, please be sure the minimum line height value is not less than 4px higher than the font size. For example, if the font size is 18px, the line height should not exceed 22px.
Option | Details | Default |
|---|---|---|
Line Height | Subtitle | 22 |
Text | 18 |
Font Weight
It allows you to change the weight of the font of the "Subheading".
Option | Details | Dropdown | Default |
|---|---|---|---|
Font Weight | Subheading | Bold/Normal | Bold |
Border Color
Used to change the border color. There is also an option to change the border thickness.
Option | Details | Default |
|---|---|---|
Border Color | Border Color | #f06135 |
Border Thickness | Border Thickness | 3 |
Mobile Subtitle Font Size
The mobile font size can be set using the Advanced Tab.
Option | Details | Default |
|---|---|---|
Font Size | Mobile Subtitle Font Size | 14 |
Compatibility
There are no known render issues with this block.