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

# Video

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

To add this section, please follow below steps:

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Add section** and choose "**Video**".

<figure><img src="/files/4uIZTztRgoOIel40lkh1" alt=""><figcaption></figcaption></figure>

| Setting                                    | Description                                                                                                                   |
| ------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------- |
| Layout:                                    | Select the width layout of the section to be either default to the body's width, 1170px, 1770px or full screen width.         |
| Spacing top - Desktop / Tablet / Mobile    | Determine the spacing of the section from the top on Desktop, Tablet and Mobile.                                              |
| Spacing bottom - Desktop / Tablet / Mobile | Determine the spacing of the section from the bottom on Desktop, Tablet and Mobile.                                           |
| Background Color                           | Set the Background Color for the whole section.                                                                               |
| Background Gradient                        | Set the Background Gradient for the whole section. If the gradient is none, then the background color will be applied if any. |
| Background Image                           | Upload/choose an image as the background for the section.                                                                     |
| Title                                      | Enter the title for the section.                                                                                              |
| Title Color                                | Set the title color for the section.                                                                                          |
| Title Font Size                            | Determine the font size of the section title on Desktop ranging from 10px to 50px.                                            |
| Title Font Size Mobile                     | Determine the font size of the section title on Mobile ranging from 10px to 50px.                                             |
| Title Margin Bottom                        | Determine the spacing of the title from the bottom.                                                                           |
| Description                                | Fill in the description text for the section.                                                                                 |
| Description Color                          | Set the color for description text.                                                                                           |
| Description Font Size                      | Determine the font size of the description text.                                                                              |
| Alignment                                  | Align content to the left, the right or center of the section.                                                                |
| Cover Image                                | Upload / Choose an image as a cover image for the video.                                                                      |
| Auto Play Video?                           | Enable to let the video to auto play.                                                                                         |
| Video Height                               | Enter the height of the video in percentage                                                                                   |
| Style Video                                | Select the type of the video either to be YouTube/Vimeo or Mp4                                                                |
| URL                                        | Specify the YouTube or Vimeo video URL.                                                                                       |
| URL Mp4                                    | Specify the MP4 URL for the mp4 video .                                                                                       |
| Video Alt Text                             | Describe The Video To Make It Accessible For Customers Using Screen Readers.                                                  |
