# Image with text overlay
{% hint style="success" %}
**Steps:**
1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Image with text overlay**
3. Make necessary changes. > **Save.**
{% endhint %}
## General Settings
* **Section width** - Boxed / Wide / Full
* **Image** - Desktop
* **Mobile image (optional)**
* **Link** - Provide a link to make the entire section clickable.
* **Desktop height mode ⇒** Adapt to image/ Full screen / Fixed height
* **Desktop fixed height ⇒** Height applied when 'Fixed height' is selected
* **Mobile height mode ⇒** Adapt to image/ Full screen / Fixed height
* **Mobile fixed height ⇒** Height applied when 'Fixed height' is selected
* **Desktop content position**
* **Mobile content position**
* **Content width -** Small / Normal / Large / Boxed
### Animation
* **Enable parallax** - Better with large images and height set to px
* **Enable scroll reveal**
* **Enable first section** ⇒ When this section on top of other sections
* **Direction scroll reveal** ⇒ In / Out
* **Threshold down** ⇒ The threshold for the section to be revealed when scrolling down
### Colors
* **Text color**
* **Overlay color**
* **Overlay opacity**
* **Overlay gradient** - Overwite overlay color
## **Block settings**
{% hint style="success" %}
Steps:
1. Locate **Image with text overlay**
2. **Add Block. >** Select block you want
3. Make necessary changes. > **Save.**
{% endhint %}
