# Video slideshow

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FVwEGWZi9wf7QDgjBi3Xp%2FUntitled%20(28).png?alt=media&#x26;token=e927f920-80a3-4c93-b797-57d0d5e059a5" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FWVpA3kG00VxjDHCHZ5SF%2FUntitled.png?alt=media&#x26;token=5eb4a13f-0d9b-48a9-a17e-84fc52bce7b1" alt=""><figcaption></figcaption></figure>

## **Adding a section**

In order to add a section, you need to go to:

**`Customizer`** → **`Add Section`** → **`Video slideshow`**.

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FPwGwFEnsYvRBNZFTFDeZ%2FUntitled%20(1).png?alt=media&#x26;token=8d704105-f392-4451-9bd6-ba72096eb28e" alt=""><figcaption></figcaption></figure>

## **Section settings**

### General

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FR4ScIAS9ci3WGVA4uIw2%2FUntitled%20(2).png?alt=media&#x26;token=9059f95a-8e32-444a-9040-19975d0094fe" alt=""><figcaption></figcaption></figure>

1. **`Heading`** - you can set a title for the sections;
2. **`Text`** - you can set a text for the sections;

### Layout

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FxrIR7GsniqTTzePFMeFa%2FUntitled%20(3).png?alt=media&#x26;token=5be25273-3bbe-47b2-94f1-2a69396b03d8" alt=""><figcaption></figcaption></figure>

1. **`Container width`** - a container width of the section. If “Inherit” value is selected then container width based on the group 'Layout' settings in the Theme settings;
2. **`Desktop offset top`** - the **top** indent of the section on the **desktop**;
3. **`Desktop offset bottom`** - the **bottom** indent of the section on the **desktop**;
4. **`Mobile offset top`** - the **top** indent of the section on the **mobile**;
5. **`Mobile offset bottom`** - the **bottom** indent of the section on the **mobile**.

## **Blocks settings**

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2F12PP79iiWvLiMdQVMoEn%2FUntitled%20(4).png?alt=media&#x26;token=693e8b0f-52de-43ff-ba24-51cd411afc78" alt=""><figcaption></figcaption></figure>

1. **`Image`** - you can set a picture for the block;
2. **`Heading`** - you can set a title for the block;
3. **`Video type`** - you can select the type of video that will be played in the pop-up window (HTML5, YouTube/Vimeo);
4. **`HTML5 desktop video`** - You can choose a video for your desktop;
5. **`HTML5 mobile video`** - You can select a video for your mobile device, if no video is selected, the desktop video will be displayed;
6. **`Youtube/Vimeo desktop video url`** - you can set a link to a YouTube/Vimeo video for desktop;
7. **`Youtube/Vimeo mobile video url`** - you can set a link to a YouTube/Vimeo mobile video, if no video is selected the desktop video will be displayed;