> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.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).

# Adding a slider

Some blocks on our platform contain a slider allowing you to display images in a carousel where they change manually or automatically. You can add a ready-made slider to your website or enable this mode in existing blocks with a collection.

# Adding a cover slider

If you want to add a slider as a first screen of your page, we recommend choosing our easily customizable and fully responsive cover sliders.

1. Open the blocks gallery and navigate to the **First screen** tab, then choose **cover-2** or **cover-4** blocks:

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

2. To open the settings of the slider, hover over the block and click on the "gear" at the top right corner:

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

3. In the opened window navigate to the **Slider** tab:

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

Here you can change the type and the color of the controls as well as the type of indicator that will be displayed at the bottom of the slides. Besides, you can choose the animation transition of the slides, enable the autoplay or loop the slides. 

| ${color}[#1aa900](Tip:) Check the [Setting slides to autoscroll](/en-us/article/setting-slides-to-autoscroll-1wzjo4l/) article to see more. 

4. To add a new slide in the cover, hover over the block and click on **Slide** at the top right corner:

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

5. If you want to change the slides order, delete, or copy each of them, click on the three stripes at the top right corner to open the **Slides order** menu: 

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

6. Moreover, you can change the background of each slide in the cover separately. For that, in the **Slides order** menu click on the "paint bucket" icon and choose the needed color or image in the pop-up window:

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

Remember that the slides in the cover are independent of each other. You can add any elements available in our gallery to each slide separately — for example, contact form, buttons, social icons and more. Learn more about how to add elements to the block in the [Adding elements](/en-us/article/adding-elements-1od52zn/) article.

|| ${color}[#ffa800](Note:) Some blocks on our platform also contain the slider, but its functionality is quite limited. You can define such blocks in the gallery by the navigation controls: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_10r97ny.png)
 
# Enabling a slider mode in the existing blocks

Some blocks on our platform contain the collection items — a set of certain fully interdependent elements that are gathered in one place. You can turn the collection into a slider in the settings.

A short video on that:

${youtube}[Slider in a collection](LPtZyBwmPVQ)

1. For that, hover over the collection item and click on the "gear" in the top right corner to access its settings:

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

2. Navigate to the **Modes** tab in the **Settings** to add a slider:

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

3. Once you've chosen the **Slider **mode, you can set the type and the color of the controls, and many more: 

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

4.  To add a new slide in the collection, hover over the existing one and click on **Slide** at the bottom left corner:

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

5. If you want to change the slides order, click on the three stripes at the top right corner to open the **Slides order** menu:

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

Remember that each item in the collection has the same layout as others, therefore, if you add an element to one item in the collection, it will be automatically added to others. To learn how you can change the background or the layout of your slides, check the [Collection items settings](/en-us/article/collection-items-settings-b2rb1y/) article.