# Video with text overlay

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2F1teh5yMBbPGD9jYxXez4%2F2025-04-04_23-50-16.jpg?alt=media&#x26;token=1e0d3ad9-f020-4ac3-b0ff-ef62b1ea6aab" alt=""><figcaption></figcaption></figure>

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

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

## General Settings

<div><figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FfppNo2C49wN72CyhbwyE%2F2025-04-04_23-51-08.jpg?alt=media&#x26;token=a9a504ef-1184-49bf-806e-c852d6b0c647" alt=""><figcaption></figcaption></figure> <figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FyQAMjSBLKJwYlUAmGhIV%2F2025-04-04_23-51-43.jpg?alt=media&#x26;token=0029b040-2a0b-4bef-9c71-6bc35ef85976" alt=""><figcaption></figcaption></figure></div>

* **Section width** -  Boxed / Wide / Full
* **Enable lazy loading video** - If you want improve the performance of your store, enable lazy loading for the video. The video will only load when it is in the viewport.
* **Shopify-hosted video** - Overrides the External video URL field.
* **External video** - Accepts YouTube and Vimeo URLs.
* **Poster image** - 1920x1080 .jpg recommended. If image blank, Shopify-hosted video will use the preview image.
* **Video alt text** - Describe the video for customers using screen readers.
* **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 width -** Small / Normal / Large / Container
* **Desktop Content position**
* **Mobile content position**

### Colors

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FrFPxmvC5nzAFyTdsUwpz%2F2025-04-04_23-53-24.jpg?alt=media&#x26;token=73ca2462-a211-4cbe-ad21-040d639b1066" alt=""><figcaption></figcaption></figure>

* **Text color**
* **Text highlighted**
* **Overlay color**
* **Overlay opacity**
* **Overlay gradient** - Overwite overlay color

## **Block settings**

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

1. Locate **Video with text overlay**
2. **Add Block. >** Select block you want
3. Make necessary changes. > **Save.**
   {% endhint %}

<figure><img src="https://content.gitbook.com/content/IGTidUfSjAqopf8pRRmN/blobs/tcmOS5FTo9J5u0uhAOzs/v-g-b.jpg" alt=""><figcaption></figcaption></figure>