---
title: "17 – CTA"
slug: "17-cta"
updated: 2024-07-11T15:07:34Z
published: 2024-07-11T15:07:34Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mapp.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 17 – CTA

## Description

A stand-alone CTA block.

## Default block view

**Desktop**

![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/46ab1e7f-e67f-41ef-8afc-8d6b50e985d1.png)

**Mobile**

![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/fa2f97c7-cdcc-48f9-b999-a45958f9d411.png)

## 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 |

![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/a90a2fa9-7540-4b33-8f51-ad4c7fe624de.png)

### 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 |

![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/0cfeb6ba-c805-459f-8fc7-58c7b4b8ea7b.png)

### 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 |

![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/db64f1e0-a16c-463b-83ea-f5b87b6c7b2d.png)

### Links

Enter the CTA link in the CTA link field.

| **Option** | **Details** | **Default** |
| --- | --- | --- |
| Links | CTA | [https://www.example.com](https://www.example.com/) |

![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/f76cd553-d403-495d-8a4b-a25178d8014f.png)

## 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