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

# Video with text overlay

<figure><img src="/files/0el5bcTVEPpUuRmcYoIQ" 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="/files/FFSWryjVHvqHqS7e4oOd" 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="/files/DXrUiIg4HDGRr54sf54a" 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="/files/wuj3cXrlAPmuCvpBFwzu" 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="/files/Ab0oW68i3z3WTVc2B484" 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="/files/JugNBRY0MSuwOACPiNty" alt=""><figcaption></figcaption></figure>

### Content box

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

<figure><img src="/files/Xp6axGC71fN02fcMdh2P" 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="/files/MEJUzWqpcdNostHk9f2I" 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="/files/4VmmmCr5uTJmdANwa6x2" alt=""><figcaption></figcaption></figure>

### Subheading

<figure><img src="/files/7o9yYYPxJnBkmDesTfrC" alt=""><figcaption></figcaption></figure>

### Description

<figure><img src="/files/9ArF3KwOYyVePTZqIJKD" alt=""><figcaption></figcaption></figure>

### Button

<figure><img src="/files/UE5nINFsgfysrQnI0C0p" alt=""><figcaption></figcaption></figure>

### Spacing

<figure><img src="/files/nRR8gm2ekUokSwELoIIv" alt=""><figcaption></figcaption></figure>