> ## Documentation Index
> Fetch the complete documentation index at: https://docs.digifist.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Video

> Configure Everest's video section and its main settings, content structure, and styling controls.

The Video section lets you control the content, layout, and presentation of this part of the Everest storefront. Most changes happen directly in the Theme Customizer, so you can adjust structure first and then refine styling, spacing, and supporting blocks with confidence.

<img src="https://mintcdn.com/digifist/-aOmkOrztmIBSSY7/images/theme/everest/sections/video/video-overview.png?fit=max&auto=format&n=-aOmkOrztmIBSSY7&q=85&s=b86726b367c47c7d7f068f58b6d63a59" alt="Video overview" width="3280" height="2186" data-path="images/theme/everest/sections/video/video-overview.png" />

## What this section controls

* Headings, text content, and on-page messaging
* Images, videos, and other media presentation options
* Layout structure, width, alignment, and spacing
* Color schemes, contrast, and shared visual styling

## Getting started

<Steps>
  <Step title="Open the Theme Customizer">
    In Shopify admin, go to **Online Store** -> **Themes** -> **Customize**.
  </Step>

  <Step title="Add or open Video">
    Add the **Video** section to a compatible template or select the existing section from the left sidebar.
  </Step>

  <Step title="Adjust the main settings first">
    Start with the structural settings such as layout, width, color scheme, spacing, or content source before refining smaller details.
  </Step>
</Steps>

<img src="https://mintcdn.com/digifist/-aOmkOrztmIBSSY7/images/theme/everest/sections/video/video-location.png?fit=max&auto=format&n=-aOmkOrztmIBSSY7&q=85&s=713b8fdd6d3a9904b41428dd044f97d7" alt="Video location in Theme Customizer" width="3280" height="2186" data-path="images/theme/everest/sections/video/video-location.png" />

## Section settings

### Settings

<img src="https://mintcdn.com/digifist/-aOmkOrztmIBSSY7/images/theme/everest/sections/video/video-settings.png?fit=max&auto=format&n=-aOmkOrztmIBSSY7&q=85&s=1f21f59dbb010cb7b3d21bf97ea8c98d" alt="Video Settings settings" width="3280" height="2186" data-path="images/theme/everest/sections/video/video-settings.png" />

Shows when no Shopify-hosted video is selected.

<AccordionGroup>
  <Accordion title="Heading" icon="text-size">
    Enter the content used for **heading**.

    **Default:** `t:sections.video.settings.heading.default`
  </Accordion>

  <Accordion title="Heading size" icon="text-size">
    Choose how **Heading size** behaves in the section.

    **Available options:** XS, S, M, L, XL.

    **Default:** `h1`
  </Accordion>

  <Accordion title="Play video on loop" icon="video">
    Enable or disable **Play video on loop**.

    Review the result on both desktop and mobile when media changes are involved.

    **Default:** `disabled`
  </Accordion>

  <Accordion title="Video" icon="video">
    Choose a hosted video for **video**.

    Review the result on both desktop and mobile when media changes are involved.
  </Accordion>

  <Accordion title="External video" icon="link">
    Paste an external video URL for **external video**.

    Review the result on both desktop and mobile when media changes are involved.

    **Default:** `https://www.youtube.com/watch?v=_9VUPq3SxOc`

    Use a YouTube or Vimeo URL
  </Accordion>

  <Accordion title="Cover image" icon="image">
    Upload or choose an image for **cover image**.

    Review the result on both desktop and mobile when media changes are involved.
  </Accordion>

  <Accordion title="Video alt text" icon="text-size">
    Enter the content used for **video alt text**.

    Review the result on both desktop and mobile when media changes are involved.

    Describe the video for customers using screen readers. [Learn more](https://help.shopify.com/manual/online-store/themes/theme-structure/theme-features#video)
  </Accordion>
</AccordionGroup>

### Style

<img src="https://mintcdn.com/digifist/-aOmkOrztmIBSSY7/images/theme/everest/sections/video/video-style.png?fit=max&auto=format&n=-aOmkOrztmIBSSY7&q=85&s=0e15a4dc81c2e811b3106894460e9128" alt="Video Style settings" width="3280" height="2186" data-path="images/theme/everest/sections/video/video-style.png" />

<AccordionGroup>
  <Accordion title="Make section full width" icon="grid">
    Enable or disable **Make section full width**.

    It has the strongest effect on layout balance and visual hierarchy.

    **Default:** `disabled`
  </Accordion>
</AccordionGroup>

### Common settings

<img src="https://mintcdn.com/digifist/-aOmkOrztmIBSSY7/images/theme/everest/sections/video/video-common-settings.png?fit=max&auto=format&n=-aOmkOrztmIBSSY7&q=85&s=1a94848f08a3eaa95b2f381910a3af90" alt="Video Common settings" width="3280" height="2186" data-path="images/theme/everest/sections/video/video-common-settings.png" />

<AccordionGroup>
  <Accordion title="Section width" icon="grid">
    Choose how **Section width** behaves in the section.

    This setting shapes the section container and how it sits against surrounding content.

    **Available options:** Page, Fluid, Full.

    **Default:** `page`
  </Accordion>

  <Accordion title="Color scheme" icon="palette">
    Select the color scheme used for **color scheme**.

    Use this to keep contrast and branding consistent with the rest of the store.

    **Default:** `scheme-1`
  </Accordion>

  <Accordion title="Top spacing" icon="grid">
    Choose how **Top spacing** behaves in the section.

    This setting shapes the section container and how it sits against surrounding content.

    **Available options:** No, S, M, L, XL.

    **Default:** `2`
  </Accordion>

  <Accordion title="Bottom spacing" icon="grid">
    Choose how **Bottom spacing** behaves in the section.

    This setting shapes the section container and how it sits against surrounding content.

    **Available options:** No, S, M, L, XL.

    **Default:** `2`
  </Accordion>

  <Accordion title="Section border" icon="grid">
    Choose how **Section border** behaves in the section.

    This setting shapes the section container and how it sits against surrounding content.

    **Available options:** None, Top, Bottom, Both.

    **Default:** `none`
  </Accordion>
</AccordionGroup>

## Best practices

* Check contrast after changing color schemes so text and controls remain easy to read.
* Review media-heavy layouts on both desktop and mobile before publishing.
* Adjust layout changes alongside neighboring sections so page rhythm stays consistent.
* Start with the structural settings first, then refine decorative styling after the layout feels settled.
* Preview the section with realistic content length to catch spacing and wrapping issues early.

## Related guides

* [Everest Theme Overview](/themes/everest/index)
* [Everest Header](/themes/everest/header/header)