# Video with text overlay

<figure><img src="https://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2FHNzyJVGA5WWSeYuntnQV%2Fimage.png?alt=media&#x26;token=f24999e7-1cc3-4883-9edc-6dae016b11cb" alt=""><figcaption></figcaption></figure>

## Section settings

### General

**Section width:** You can choose among Fluid container, Full width, Stretch width for the banner layout.

**Color scheme:** Set text color and background color with preset scheme

<figure><img src="https://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2FNv62wN3r8Skg3oViQleU%2Fimage.png?alt=media&#x26;token=bc28e80f-cb22-4ad5-aaf5-5c0d3897fa86" alt=""><figcaption></figcaption></figure>

### Video

**Video selection**: Choose between a video URL or a local video file to display. Note that if both are provided, the local video will take precedence.

<figure><img src="https://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2FHCxVUC9iW3Ip85S5E6Rb%2Fimage.png?alt=media&#x26;token=e7750c9b-00c9-4139-b586-114b7e0892a8" alt=""><figcaption></figcaption></figure>

**Video poster**:

* **Choose Image**: Select an image to use as the video thumbnail.
* **Opacity**: Set the opacity level for the thumbnail image.
* **Height**: Adjust the height of the thumbnail image.

<figure><img src="https://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2FX7yjOrCVEULKYO0Dk3r0%2Fimage.png?alt=media&#x26;token=36e4bac6-4a8c-4043-8250-520a1c572cf9" alt=""><figcaption></figcaption></figure>

### Custom height

**Custom height:** Define a custom height in desktop and mobile if the standard options do not meet your specific requirements, offering further customization.

<figure><img src="https://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2Fj2V66Bf7bf0D7ebX1CAh%2Fimage.png?alt=media&#x26;token=2d839ddd-b91d-49d3-b0f4-4a2034c1da5c" alt=""><figcaption></figcaption></figure>

### Content settings

**Content alignment:** Options to align text left, center, or right are available.&#x20;

**Desktop content position:** Vertically and horizontally align the content for optimal positioning.&#x20;

**Content width:** Define the width of the content box for a tailored fit.

**Content padding**: Configure the padding for the content box.

<figure><img src="https://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2FomSlPA5BOl4AFFWDAMkx%2Fimage.png?alt=media&#x26;token=04535658-ba23-4051-9ad8-cc491f6f85a3" alt=""><figcaption></figcaption></figure>

### Content box

You can set a background color and adjust the opacity for the it.

<figure><img src="https://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2FGiM3v6wplP2MDDhZIIrp%2Fimage.png?alt=media&#x26;token=08b061e2-aebc-443f-9b57-414766fad353" alt=""><figcaption></figcaption></figure>

### Mobile options and Section padding

**Content Placement**: Choose to display content below the image or maintain the same layout as on desktop.

**Content alignment**: Set the alignment for content on mobile devices.

Section padding allows you to specify the space between the slideshow and the preceding or following sections, or both.

<figure><img src="https://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2FvYb2KvILVlW6IHJvA2aY%2Fimage.png?alt=media&#x26;token=f2f65e02-0917-4ace-8291-5f28c839e181" alt=""><figcaption></figcaption></figure>

## Block settings

With each block added, you will have the option to relocate them and access more detailed settings.

### Heading

<figure><img src="https://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2FSPD9DvUo41S4VCCvuyV7%2Fimage.png?alt=media&#x26;token=8909dad9-ff56-428f-9c85-79deb2af6126" alt=""><figcaption></figcaption></figure>

### Subheading

<figure><img src="https://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2FJgD3VzZH61CFBoIl0n6Y%2Fimage.png?alt=media&#x26;token=89aa6577-496c-45b4-ae95-65f26cee00db" alt=""><figcaption></figcaption></figure>

### Description

<figure><img src="https://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2FFrxOSDVh3Tulk2B5dK7G%2Fimage.png?alt=media&#x26;token=0a03c0c5-807d-4706-8897-79bfa2fda8c1" alt=""><figcaption></figcaption></figure>

### Button

<figure><img src="https://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2FypsMguAlFTMJVCKTdhzE%2Fimage.png?alt=media&#x26;token=82d4eab2-2e7e-4471-9276-0e676759e5a2" alt=""><figcaption></figcaption></figure>

### Spacing

<figure><img src="https://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2F9qcmxAYSyRPbI44AKLLg%2Fimage.png?alt=media&#x26;token=1290fee5-d9f5-4477-94c9-c5256bf88399" alt=""><figcaption></figcaption></figure>
