# Scrolling content

<figure><img src="https://content.gitbook.com/content/IGTidUfSjAqopf8pRRmN/blobs/94fl2xUOHXkqVn4NEyXp/s-c.jpg" 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://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FqZULUS9lOupjhPM4rluS%2F2025-04-04_14-41-38.jpg?alt=media&#x26;token=88e64c05-abed-4200-af70-af74ba58c2ad" alt="" width="280"><figcaption></figcaption></figure>

* **Width** - With of this section 3 options : Boxed / Wide / Full
* **Desktop image placement** - Left / Right

### Content blocks

* **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://content.gitbook.com/content/IGTidUfSjAqopf8pRRmN/blobs/UGk0oLMDJ9FIGhG6FfAC/color-c.jpg" alt="" width="280"><figcaption></figcaption></figure>

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

### Section padding

<figure><img src="https://content.gitbook.com/content/IGTidUfSjAqopf8pRRmN/blobs/n2xL6bjz1tYl76g1pebr/padding-c.jpg" 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://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2Fbt4eCFfrccZMKz4qqd4W%2F2025-04-04_14-42-20.jpg?alt=media&#x26;token=b1c1c6e9-78ff-4a54-9977-000c817e8b01" alt="" width="283"><figcaption></figcaption></figure>