> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Add an Image Slider

# Getting Started

An Image slider element allows you to add images that visitors can slide horizontally for viewing; you can add links, captions, etc., in this element. You can learn more about this element in this article.

---

# Adding the Image Slider element

Follow the steps below to add an **Image Slider** to your site. 

* Click on the `+` button labeled **Add Element or Container** within an empty container
* From the **Elements** tab, select **Image Slider**

**Refer to the GIF below:**


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-05-12-at-13_1m5kawz.gif)


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_3p963a.png)


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-1_1chgm5b.png)

| _Image Slider element after it is added_

---

# Editing the Image Slider element



Follow the steps and instructions below to add and edit an **Image Slider** on your site.

__The **Image Slider** element editor has the following options:__

* Images
* Options
* Filters
* Caption Style

__The **Image Slider** element editor:__


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-2_1fui7zy.png)

---

# Images


Inside this option, you can add new or delete existing images in your Image Slider. You can also change the individual settings for every image in your slider.


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-3_1pqyaqd.png)


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-4_1jl1j45.png)

Refer to the **GIF below** to see the demonstration of all the changes you can make for an individual image in your image slider ⬇️

![](https://cdn.cmsfly.com/63969cb64dabfc00be8d85e0/gif_recording_2022-09-01_at_5.41.00_pm-bKBrfT.gif)

---

# Options

Inside this option, you will be able to make changes some necessary settings of your Image Slider. Settings like changing the direction of your Image slider, adjusting the height, setting the speed, slide per page, and more

Refer to the **GIF** below to see how these settings work

![](https://cdn.cmsfly.com/63969cb64dabfc00be8d85e0/h1-9CMTDO.gif)

---

# Caption Style


Here you can change the captions of your images. You can also make it invisible by disabling the `Show Caption` option. You can also choose the device you could hide it on inside this option.

Refer to the **Image** and **GIF** below to see how these settings work


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-5_s277ao.png)

![](https://cdn.cmsfly.com/63969cb64dabfc00be8d85e0/h2-csTVfV.gif)

---

**Related articles**

[Image Gallery](/en/article/image-gallery-4a1sc5/)
[Image](/en/article/image-8z2fmm/)