16 – Text and CTA
    • 1 Minute to read
    • Dark
      Light

    16 – Text and CTA

    • Dark
      Light

    Article summary

    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

    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


    Was this article helpful?

    What's Next