# Scrolling content

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2Ft3JwEkGHq8locqdSmcS2%2Fs-c.jpg?alt=media&#x26;token=63c97148-596e-482c-9d60-808648af9725" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Steps:**&#x20;

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Scrolling content**
3. Make necessary changes. > **Save.**
   {% endhint %}

## General Settings

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FS8cAz91eftln0jXaqiJp%2Fs-c-g.jpg?alt=media&#x26;token=b0857f3c-4893-47b3-9b00-97e1a35979c4" alt=""><figcaption></figcaption></figure>

* **Width** - With of this section 3 options : Container / Stretched / Full width
* **Desktop image placement** - Left / Right

### Content blocks

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2Ft7LkSq4WWNIkvNsjKWty%2Fs-c-b.jpg?alt=media&#x26;token=c8ce0618-0fe0-405a-aae6-67bb354879d4" alt=""><figcaption></figcaption></figure>

* **Content heading size** - from Heading 1 to Heading 6
* **Content alignment -** Left / Center / Right
* **Vertical alignment -** Top / Middle / Bottom
* **Button style**
* **Show arrow icon**

### Colors

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FcGzFhXVgxpuLwPNSyDdy%2Fcolor-c.jpg?alt=media&#x26;token=3cb90b75-d723-4021-b6c1-808b5fcedadc" alt="" width="280"><figcaption></figcaption></figure>

* **Background**
* **Text color**

### Section padding

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2Fc0cazMLYpU5yjLuS4vGl%2Fpadding-c.jpg?alt=media&#x26;token=d8c91b56-445e-4ea5-bbc5-f825cf08e577" alt="" width="280"><figcaption></figcaption></figure>

* **Top padding**
* **Bottom padding**

## **Block settings**

{% hint style="success" %}
Steps:

1. Locate **Scrolling content**
2. **Add Content**
3. Make necessary changes. > **Save.**
   {% endhint %}

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FU5WGuSoJhbQBKNhl6OSt%2Fs-c-bi.jpg?alt=media&#x26;token=e556cb0d-c1df-4b1d-91f3-2e4c420440a2" alt=""><figcaption></figcaption></figure>
