# Promotion banner

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FB99ZcM0WGRxAEBAyE7ez%2Fimage.png?alt=media&#x26;token=bc20b613-83ab-45df-9249-bec246c88fb9" alt=""><figcaption></figcaption></figure>

## General settings

**Section width:** You can choose among Container, Wrapped container, Full width for the banner layout.

**Color scheme:** Set text color and background color with preset scheme.

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2F1kszBawlt53z2oTI3619%2Fimage.png?alt=media&#x26;token=9978148d-7cae-4160-9d37-3d91f8411cd3" alt=""><figcaption></figcaption></figure>

## Promotion banner: <a href="#promotion-banner" id="promotion-banner"></a>

You can add images for desktop and mobile versions separately.

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FguZAcAYtoYM1upTxeoMa%2Fimage.png?alt=media&#x26;token=91ed1b04-f76b-4aeb-bcea-55a52998cf79" alt=""><figcaption></figcaption></figure>

## Section padding: <a href="#section-padding" id="section-padding"></a>

Section padding allows you to specify the space between this section and the preceding or following sections, or both.

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FNWGsaJS2N7NONgaw2OKT%2Fimage.png?alt=media&#x26;token=fd365c24-5b51-4fdb-8b9d-8073e7115703" alt=""><figcaption></figcaption></figure>

## Block settings: <a href="#block-settings" id="block-settings"></a>

With each block added, you will have the option to relocate them and access more detailed settings.

### Content: <a href="#content" id="content"></a>

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FKciIftFvAy0sd3SrBcQM%2Fimage.png?alt=media&#x26;token=db55daaa-6aa6-433b-a2f0-f9be935271e9" alt=""><figcaption></figcaption></figure>

### Button:

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FsS9XGkrdaBd6mphCbsFj%2Fimage.png?alt=media&#x26;token=7f162976-01ee-4af9-8b50-6184089a5c67" alt=""><figcaption></figcaption></figure>