- 1 Minute to read
- Print
- DarkLight
16 – Text and CTA
- 1 Minute to read
- Print
- DarkLight
Description
Simple full-width text and button block. The title, text area, and button are all editable, with text and button alignment options.
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
Use the toggles to hide or show all the different elements.
Option | Details | Default |
Hide/Show | Title | Show |
Text | Show | |
CTA | Show |
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 | Title | 29 |
Text | 18 |
Font Weight
Used to set the font weight of the title.
Option | Details | Dropdown | Default |
Font Weight | Title | Bold/Normal | Bold |
CTA
All CTA's have multiple styling options. As with all colors, please use HEX values.
Option | Details | Default |
CTA | Background Color | #e71825 |
Font weight | Bold | |
Alignment | Center | |
Border radius | 5 | |
Border width | 1 | |
Border Color | #e71825 | |
Height | 50 |
Links
Set the CTA link via this option.
Option | Details | Default |
Link | CTA |
Mobile Title Font Size
The mobile font size can be set using the Advanced Tab.
Option | Details | Default |
Font Size | Mobile Title Font Size | 18 |
Compatibility
Currently, the CTA button curved border is not rendered in the devices listed below. Instead, the corners will be square.
GMX Chrome Windows 10
GMX Edge Windows 10
GMX Firefox Windows 10
Web.de Chrome Windows 10
Web.de Edge Windows 10
Web.de Firefox Windows 10