# Slider

The slider widget is similar to the [gallery](gallery) widget, but has more features like adding text and also call to actions to your images and videos.

<figure><img src="https://content.gitbook.com/content/dG2nDIBweqHNGjfJ4NQm/blobs/7Vs2BnyTcXbSkJJAwUkm/slider%20widget.PNG" alt=""><figcaption></figcaption></figure>

### Editing your slider

To get started with creating your slider, first select the edit slides tab then click the plus icon as shown below.

<figure><img src="https://content.gitbook.com/content/dG2nDIBweqHNGjfJ4NQm/blobs/461nx0GOwEmLLiUCqOVB/slider%20edit.png" alt=""><figcaption></figcaption></figure>

Once you have selected the plus icon you will see the next image display: This is the slider editor.

<figure><img src="https://content.gitbook.com/content/dG2nDIBweqHNGjfJ4NQm/blobs/u540S9HS2HheH4MchDnP/slider%20create%20new.PNG" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Note: You do not have to use images. If you simply want text or even video then that is also possible.
{% endhint %}

So select the layer you want to add in this example we will use an image layer.

<figure><img src="https://content.gitbook.com/content/dG2nDIBweqHNGjfJ4NQm/blobs/Ppkz9iVtIlMoASHCxcBs/slider%20add%20layer.PNG" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/dG2nDIBweqHNGjfJ4NQm/blobs/0ypYrSglmYWGpt28MWrW/slider%20add%20image.PNG" alt=""><figcaption></figcaption></figure>

Great we have added an image layer. Also note that if you don't want to add an image as a layer you can set the image as a background by selecting the Change image button at the top of the editor.

Ok, so now we have added our image layer we can now modify it more if required. From setting the animation to adding a URL link to the image.

Next I want to add some text to the image, to do so: simply create a new layer and select text layer.

<figure><img src="https://content.gitbook.com/content/dG2nDIBweqHNGjfJ4NQm/blobs/U15wghvhsUCGZ25X6ERg/slider%20text%20layer.PNG" alt=""><figcaption></figcaption></figure>

A new editing box has been displayed. Simply type in the text your want to add as a new layer. Set the font styling - colour and also animation and it's ready.

<figure><img src="https://content.gitbook.com/content/dG2nDIBweqHNGjfJ4NQm/blobs/Hplke3WXBlNhMmwQpEoF/slider%20add%20font.PNG" alt=""><figcaption></figcaption></figure>
