> For the complete documentation index, see [llms.txt](https://docs.hackettwebservices.ie/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.hackettwebservices.ie/divi-builder/home-page/how-to-add-change-remove-a-video-to-the-homepage-slider.md).

# How to add/change/remove a video to the homepage slider

This will show case how to add a video to the homepage slider.

{% tabs %}
{% tab title="Add a slide" %}

## How to add a video to an existing slider

### Step 1: Login

Head over to your site's login page <https://wrendata.com/wp-admin>&#x20;

![Enter you username or email address and password provided to you.](https://2479701984-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M3rhTd3aQi9tCUZO2J0%2F-M3riNZsHGkwH81Qqo8U%2F-M3rm5QvNqIPykyA7vP1%2Fimage.png?alt=media\&token=fcce650c-d09f-4daf-abbd-552c45b06ab5)

### Step 2: Select the page

Head over to the pages menu item, then click on the home page (or whatever page you want to add/change/remove the content on).&#x20;

![Select pages (Item 1) then the page you wish to change (Item 2)](https://2479701984-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M3rhTd3aQi9tCUZO2J0%2F-M3riNZsHGkwH81Qqo8U%2F-M3ro0smprblAmvyw5Lc%2Fimage.png?alt=media\&token=b09b0ec3-8a50-4852-a600-7193ab804410)

### Step 3: Launch the Divi builder

Click the purple button "Edit With The Divi Builder"&#x20;

![Click the purple](https://2479701984-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M3rhTd3aQi9tCUZO2J0%2F-M3roCgA1N3GsI-G7lCo%2F-M3ro_Cj38Ubl5KRekB_%2Fimage.png?alt=media\&token=460c6559-2044-424d-b541-de4b1c52fe7e)

### Step 4: Launch the module settings

Click on the grey cog item (Module) and launch the settings tab.&#x20;

![Hover over the section and click the grey box cog. The purpose settings refers to the section.](https://2479701984-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M3rhTd3aQi9tCUZO2J0%2F-M3roCgA1N3GsI-G7lCo%2F-M3rpJqeS_rtDgLrfFxJ%2Fimage.png?alt=media\&token=9f96f1f9-9dff-4993-aa15-5c667f17d08d)

### Step 5: Add the new slide

It's best to copy an existing slide as this will transfer over all the settings such as the text font, transition speeds etc. Click the dupe icon to copy the slide.&#x20;

![Click the the dupe icon shown highlighted. ](https://2479701984-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M3rhTd3aQi9tCUZO2J0%2F-M3roCgA1N3GsI-G7lCo%2F-M3rpto8T4KsCLSzeSoz%2Fimage.png?alt=media\&token=b996ee0d-e73c-497f-bc9e-db9dc04a65e1)

### Step 6: Edit the slide&#x20;

Click the cog icon and this will open where you can edit the content of the slide, such as the background video, background image, text and button / link.&#x20;

![Click the settings cog shown highlighted.](https://2479701984-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M3rhTd3aQi9tCUZO2J0%2F-M3rt5XlcnncGD6cN3eg%2F-M3rtWPDtb0ybqCZlA7_%2Fimage.png?alt=media\&token=bbde7731-279c-47dd-b427-067db668abfc)

{% hint style="info" %}
You can find out more of the possibilities with what you can do with slides here.&#x20;

<https://www.elegantthemes.com/documentation/divi/slider/>
{% endhint %}

### Step 6: Save the changes and then push them

First click the green tick button on the slider settings to save the changes to the module.&#x20;

![Click the green tick icon to save the module settings.](https://2479701984-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M3rhTd3aQi9tCUZO2J0%2F-M3rtwymeOYLqZLILNu4%2F-M3rusGuo7n8hYi2Xp7f%2Fimage.png?alt=media\&token=1c455799-aaad-4574-8bd2-9fa594e2eb33)

Then push the changes by clicking the green save button in the bottom right of the page, if this is not appearing click the purple icon in the middle of the bottom of the page.&#x20;

![Click the save button to push the changes. ](https://2479701984-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M3rhTd3aQi9tCUZO2J0%2F-M3rtwymeOYLqZLILNu4%2F-M3rvKT_8KNRbu0s1yCb%2Fimage.png?alt=media\&token=c3d20487-56f8-447a-a526-b7754eb35186)
{% endtab %}

{% tab title="Change an existing slide" %}

## How to delete a slide

### Step 1: Login

Head over to your site's login page <https://wrendata.com/wp-admin>&#x20;

![Enter you username or email address and password provided to you.](https://2479701984-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M3rhTd3aQi9tCUZO2J0%2F-M3riNZsHGkwH81Qqo8U%2F-M3rm5QvNqIPykyA7vP1%2Fimage.png?alt=media\&token=fcce650c-d09f-4daf-abbd-552c45b06ab5)

### Step 2: Select the page

Head over to the pages menu item, then click on the home page (or whatever page you want to add/change/remove the content on).&#x20;

![Select pages (Item 1) then the page you wish to change (Item 2)](https://2479701984-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M3rhTd3aQi9tCUZO2J0%2F-M3riNZsHGkwH81Qqo8U%2F-M3ro0smprblAmvyw5Lc%2Fimage.png?alt=media\&token=b09b0ec3-8a50-4852-a600-7193ab804410)

### Step 3: Launch the Divi builder

Click the purple button "Edit With The Divi Builder"&#x20;

![Click the purple](https://2479701984-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M3rhTd3aQi9tCUZO2J0%2F-M3roCgA1N3GsI-G7lCo%2F-M3ro_Cj38Ubl5KRekB_%2Fimage.png?alt=media\&token=460c6559-2044-424d-b541-de4b1c52fe7e)

### Step 4: Launch the module settings

Click on the grey cog item (Module) and launch the settings tab.&#x20;

![Hover over the section and click the grey box cog. The purpose settings refers to the section.](https://2479701984-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M3rhTd3aQi9tCUZO2J0%2F-M3roCgA1N3GsI-G7lCo%2F-M3rpJqeS_rtDgLrfFxJ%2Fimage.png?alt=media\&token=9f96f1f9-9dff-4993-aa15-5c667f17d08d)

### Step 5: Delete the slide&#x20;

Click the trash can icon to delete the slide.

![Click the settings cog shown highlighted.](https://2479701984-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M3rhTd3aQi9tCUZO2J0%2F-M3rt5XlcnncGD6cN3eg%2F-M3rtWPDtb0ybqCZlA7_%2Fimage.png?alt=media\&token=bbde7731-279c-47dd-b427-067db668abfc)

{% hint style="info" %}
You can find out more of the possibilities with what you can do with slides here.&#x20;

<https://www.elegantthemes.com/documentation/divi/slider/>
{% endhint %}

### Step 6: Save the changes and then push them

First click the green tick button on the slider settings to save the changes to the module.&#x20;

![Click the green tick icon to save the module settings.](https://2479701984-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M3rhTd3aQi9tCUZO2J0%2F-M3rtwymeOYLqZLILNu4%2F-M3rusGuo7n8hYi2Xp7f%2Fimage.png?alt=media\&token=1c455799-aaad-4574-8bd2-9fa594e2eb33)

Then push the changes by clicking the green save button in the bottom right of the page, if this is not appearing click the purple icon in the middle of the bottom of the page.&#x20;

![Click the save button to push the changes. ](https://2479701984-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M3rhTd3aQi9tCUZO2J0%2F-M3rtwymeOYLqZLILNu4%2F-M3rvKT_8KNRbu0s1yCb%2Fimage.png?alt=media\&token=c3d20487-56f8-447a-a526-b7754eb35186)
{% endtab %}

{% tab title="Deleting a slide" %}

## How to change an existing slide

### Step 1: Login

Head over to your site's login page <https://wrendata.com/wp-admin>&#x20;

![Enter you username or email address and password provided to you.](https://2479701984-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M3rhTd3aQi9tCUZO2J0%2F-M3riNZsHGkwH81Qqo8U%2F-M3rm5QvNqIPykyA7vP1%2Fimage.png?alt=media\&token=fcce650c-d09f-4daf-abbd-552c45b06ab5)

### Step 2: Select the page

Head over to the pages menu item, then click on the home page (or whatever page you want to add/change/remove the content on).&#x20;

![Select pages (Item 1) then the page you wish to change (Item 2)](https://2479701984-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M3rhTd3aQi9tCUZO2J0%2F-M3riNZsHGkwH81Qqo8U%2F-M3ro0smprblAmvyw5Lc%2Fimage.png?alt=media\&token=b09b0ec3-8a50-4852-a600-7193ab804410)

### Step 3: Launch the Divi builder

Click the purple button "Edit With The Divi Builder"&#x20;

![Click the purple](https://2479701984-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M3rhTd3aQi9tCUZO2J0%2F-M3roCgA1N3GsI-G7lCo%2F-M3ro_Cj38Ubl5KRekB_%2Fimage.png?alt=media\&token=460c6559-2044-424d-b541-de4b1c52fe7e)

### Step 4: Launch the module settings

Click on the grey cog item (Module) and launch the settings tab.&#x20;

![Hover over the section and click the grey box cog. The purpose settings refers to the section.](https://2479701984-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M3rhTd3aQi9tCUZO2J0%2F-M3roCgA1N3GsI-G7lCo%2F-M3rpJqeS_rtDgLrfFxJ%2Fimage.png?alt=media\&token=9f96f1f9-9dff-4993-aa15-5c667f17d08d)

### Step 5: Delete the slide

Click on the trashcan icon to delete the slide.

![Click on the icon shown. ](https://2479701984-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M3rhTd3aQi9tCUZO2J0%2F-M3rtwymeOYLqZLILNu4%2F-M3ruZ2uBXdtu5n82NQJ%2Fimage.png?alt=media\&token=e803d7b5-84a2-4530-aea3-e839a344522d)

### Step 6: Save the changes and then push them

First click the green tick button on the slider settings to save the changes to the module.&#x20;

![Click the green tick icon to save the module settings.](https://2479701984-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M3rhTd3aQi9tCUZO2J0%2F-M3rtwymeOYLqZLILNu4%2F-M3rusGuo7n8hYi2Xp7f%2Fimage.png?alt=media\&token=1c455799-aaad-4574-8bd2-9fa594e2eb33)

Then push the changes by clicking the green save button in the bottom right of the page, if this is not appearing click the purple icon in the middle of the bottom of the page.&#x20;

![Click the save button to push the changes. ](https://2479701984-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M3rhTd3aQi9tCUZO2J0%2F-M3rtwymeOYLqZLILNu4%2F-M3rvKT_8KNRbu0s1yCb%2Fimage.png?alt=media\&token=c3d20487-56f8-447a-a526-b7754eb35186)
{% endtab %}
{% endtabs %}