> For the complete documentation index, see [llms.txt](https://oranthemes.gitbook.io/edge-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://oranthemes.gitbook.io/edge-theme/theme-sections/layer-image-with-text.md).

# Layer image with text

<figure><img src="/files/YqvYtzB8WCi5XTciFcbj" 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="/files/AK4dEeC8FJpcHxbojtH1" 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="/files/tUcEVQndDyhdw5LvOHGN" 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="/files/lO3No6N1xgS1wu5SBX7z" 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="/files/4lZCSGPFqoSM1dFrv5Mf" alt="" width="291"><figcaption></figcaption></figure>