# Video with text overlay

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-f961ec2f6ae15370f617fc9872b5655925c28bf2%2Fimage%20(1225).png?alt=media" 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://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-40219f50d4ab2bb335b15701e5c9a83cad9abc0c%2Fimage%20(155).png?alt=media" 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://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-0d15f1911f10b27c943339496b8a5ec7567ac228%2Fimage%20(156).png?alt=media" 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://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-b4b340cd60f9e0fb95a33ccb472ab6e9a5e3eb98%2Fimage%20(157).png?alt=media" 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://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-a5d8ab166051d22de1bd8e6891482013da4ba821%2Fimage%20(158).png?alt=media" alt=""><figcaption></figcaption></figure>

### Content settings

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

**Desktop content position:** Vertically and horizontally align the content for optimal positioning.

**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://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-6c71cb1a0f0f28b7bf0e1a74cc58ee57571d193b%2Fimage%20(159).png?alt=media" alt=""><figcaption></figcaption></figure>

### Content box

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

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-3caa526c8cc2b9cb08c68173a52292d297eba697%2Fimage%20(160).png?alt=media" 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://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-f3157e0c31428ac13858d1bb2333fb9152f520df%2Fimage%20(161).png?alt=media" 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://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-518871436b449ac9c17b86a9336ab465cbed5540%2Fimage%20(162).png?alt=media" alt=""><figcaption></figcaption></figure>

### Subheading

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-182665fd2b2bd5d28a81c06e4a447e97ae36ed53%2Fimage%20(163).png?alt=media" alt=""><figcaption></figcaption></figure>

### Description

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-a11374639b04a40aeb00b1053b3f0715bae2e433%2Fimage%20(164).png?alt=media" alt=""><figcaption></figcaption></figure>

### Button

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-74ea25b6a2fce19d00c6ae68835e0a3af680f6e0%2Fimage%20(165).png?alt=media" alt=""><figcaption></figcaption></figure>

### Spacing

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-956a61618af43621d2afc6428c33ea2b0acc3572%2Fimage%20(166).png?alt=media" alt=""><figcaption></figcaption></figure>
