---
title: "Creating and editing sliders using the visual page builder"
date: "2021-03-12T10:16:09+00:00"
summary: "Learn to create and edit sliders effortlessly with our visual page builder guide. Master adding slides, reordering content, and customizing your slider for an engaging user experience."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/creating-and-editing-sliders-using-visual-page-builder"
id: "2130585e-b280-44af-a99d-c6766a40d744"
---

Sliders are a special case where the drag and drop behavior has been modified. This is because sliders contain content that isn't visible on the page until the user interacts with the slider.

Adding slides to a slider
-------------------------

If you have a 'Slider container component' and a 'Slide component' you have to use the **Add before** and **Add after** feature to add more than one slide component. This is because there is no way to drag the slides around within the slider because this would interfere with the sliders own interactive behavior.

To add slides to a slider:

1.  **Drag** the first slide into the slider container drop zone.  
      
    
    ![7e4aff0e-drag-first-slide.png](https://acquia.widen.net/content/f5f8ea94-1760-419a-a7c7-abe3851e6674/web/7e4aff0e-drag-first-slide.png)
    
      
     
2.  Then, to add another slide, click on the **ellipsis button** on the first slide and either click **Duplicate** to duplicate the first slide, or click **Add after** to add another slide component.  
      
    
    ![39bc51d4-click-add-second-slide.png](https://acquia.widen.net/content/340ad22a-ce8b-4482-bfa6-bc4805f126a9/web/39bc51d4-click-add-second-slide.png)
    
      
     
3.  If you clicked on 'Add after', then click the **plus button** on the slide component in the side bar browser.

Reordering slides within a slider
---------------------------------

You cannot drag slides around within a slider container because this would interfere with the sliders own interactive behavior. To reorder slides within a slider container:

1.  Click on the **ellipsis button** on the slide you want to reorder.
2.  Then click **Move up** or **Move down** to move the position of the slide in relation to the other slides.  
      
    
    ![266a2832-move-slide-up-down.png](https://acquia.widen.net/content/ab72a1a3-9ab9-4b51-a294-9a6eac64f2aa/web/266a2832-move-slide-up-down.png)