# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://nextsky.gitbook.io/glozin-theme/theme-sections/video-with-text-overlay.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.