> For the complete documentation index, see [llms.txt](https://nextsky.gitbook.io/purity-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/purity-theme/group-sections/banners/video-with-text-overlay.md).

# Video with text overlay

#### General

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Section width</strong></td><td><p>3 options for container</p><ul><li><strong>Stretch width</strong>: span the section width regardless of screen size.</li><li><strong>Fixed width</strong>: depends on your page content width in <strong>Theme settings</strong> <strong>-></strong> <strong>Layout</strong>.</li><li><strong>Expand full width</strong>: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.</li></ul></td></tr><tr><td><strong>Color scheme</strong></td><td>Select colors from <strong>Theme settings -> Colors</strong></td></tr></tbody></table>

#### **Video**

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Video link</strong></td><td>Determine an URL to attach to your video</td></tr><tr><td><strong>Video local</strong></td><td>Select a local video for displaying <em><strong>(1392px x 550px recommended)</strong></em></td></tr><tr><td><strong>Video poster</strong></td><td>Select an image for displaying as a poster</td></tr><tr><td><strong>Video alt text</strong></td><td>This setting is for describing the video for customers using screen readers</td></tr><tr><td><strong>Overlay opacity</strong></td><td>Adjust the visibility of the video</td></tr><tr><td><strong>Video height</strong></td><td>Customize the size of the video</td></tr></tbody></table>

#### Content settings

<table><thead><tr><th width="214.5999755859375">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Desktop content position</strong></td><td>Adjust the content position on desktop</td></tr><tr><td><strong>Content alignment</strong></td><td><p>3 options for the content alignment</p><ul><li><strong>Left</strong></li><li><strong>Center</strong></li><li><strong>Right</strong></li></ul></td></tr><tr><td><strong>Max width</strong></td><td>Controls the maximum horizontal space.</td></tr><tr><td><strong>Padding inline</strong></td><td>Controls the horizontal spacing (left and right) inside the content block.</td></tr><tr><td><strong>Padding block</strong></td><td>Controls the vertical spacing (top and bottom) inside the content block.</td></tr></tbody></table>

#### Mobile settings

| Setting                              | Description                                                                                                                                      |
| ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Show text bellow video on mobile** | Show text bellow video on mobile                                                                                                                 |
| **Content alignment**                | <p>3 options for the content alignment</p><ul><li><strong>Left</strong></li><li><strong>Center</strong></li><li><strong>Right</strong></li></ul> |

#### Section padding

| Setting    | Description                                |
| ---------- | ------------------------------------------ |
| **Top**    | Customize the top margin of the section    |
| **Bottom** | Customize the bottom margin of the section |

#### Section divider

| Setting          | Description                                                             |
| ---------------- | ----------------------------------------------------------------------- |
| **Show divider** | Toggles the visibility of a horizontal divider line within the section. |