16 – Text and CTA

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

Text

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	https://www.example.com

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