# Layer image with text

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2Fyzwunsh7nKzFVzxz6Fwd%2F2025-04-04_13-21-04.jpg?alt=media&#x26;token=32b91758-673b-4603-a911-3b5275f5f3a1" alt=""><figcaption></figcaption></figure>

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

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Layer image with text**
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%2FbPVoYqMGPoWbpBgM55lF%2F2025-04-04_13-22-10.jpg?alt=media&#x26;token=2a1092f5-feff-45d4-bedb-0735ae9484bd" alt="" width="279"><figcaption></figcaption></figure>

* **Content alignment ⇒** Left / Center / Right
* **Content width**
* **Subheading**
* **Heading**
* **Heading size**
* **Content**
* Button ⇒ Leave the label blank to hide the button
* Button link
* Button style
* Show arrow icon

### Animations

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FukyzTRdTA0qLYBErQHls%2F2025-04-04_13-24-48.jpg?alt=media&#x26;token=4e7a4511-7c9f-4c30-8ef1-dbf6dfe91b6a" alt="" width="276"><figcaption></figcaption></figure>

* Type animation ⇒ Parallax / Translate / Sclae / None *(If you use 'translate' or 'scale' or 'none', you need to re-config the position of the image.)*

### Colors

<figure><img src="https://content.gitbook.com/content/IGTidUfSjAqopf8pRRmN/blobs/UGk0oLMDJ9FIGhG6FfAC/color-c.jpg" alt="" width="280"><figcaption></figcaption></figure>

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

## **Block settings**

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

1. Locate **Layer image with text**
2. **Add Image. >** Select block you want
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%2FyTSboANKg5wPicD7c19q%2F2025-04-04_13-26-38.jpg?alt=media&#x26;token=189c9d74-bbf3-4aca-b9d3-1354750d947e" alt="" width="291"><figcaption></figcaption></figure>
