Slider

Table of Contents

• Adding Slider
• Option 1
• Option 2
• Moving and Resizing the Slider
• Customizing a Slider
• Adding Item to the Slider
• Removing Item from the Slider
• Background Tab
• Settings Tab
• Deleting Slider
• More Menu

Adding Slider

Option 1

• Hover over the desired section, and click the Add Element:

• Choose the Slider element from the modal that appears:

• After you choose the element from the list, drag it to the desired section and drop using the grid.

Option 2

• Hover over the left sidebar of the Site Editor and click Build (+) button:

• Choose the element:

• After you choose the element from the list, drag it to the desired section and drop it using the grid.

Moving and Resizing the Slider

Please refer to the Elements Management (Drag and Drop Grid) article to learn more about moving and duplicating elements.

Customizing a Slider

To edit, add item, delete item, manage background, duplicate, layer or delete the element, click on it and switch between the buttons that appear in its toolbar:

Adding Item to the Slider

• Click + in the toolbar to add a new slide:

Removing Item from the Slider

• Click - in the toolbar to delete a slide:

Background Tab

• Click the Background button on the toolbar to set up the background of your Slider:

• Select Add Photo, Video, or Map:

• Adjust the Opacity and change the Background Color.

Settings Tab

• Loop Slides: Select to loop the slides for the autoplay. The slideshow will keep replaying until the visitor stops it.
• Autoplay: Drag the Autoplay timing control to set the transition time between slides (in seconds). The autoplay stops whenever a visitor hovers over a slider. When the cursor is removed, the autoplay resumes.
• Transition Effect: Choose between Smooth, Bouncy, Overshoot.
• Theme: Select a dark or light theme for displaying slider arrows and bullets.
• Show Dots: Display or hide the slide indicators. Switch between Bottom and Top dots position.
• Show Arrows: Select the arrows position: Default, Left, or Right. Deselect the control to hide arrows from the slider.

Deleting the Slider

• Click the Remove button [Bin]:

• The element will be removed immediately.

More Menu

• Click the More icon in the editing menu to access the available options:

• Cut. Click Cut or Ctrl+X to cut your element.
• Copy. Click Copy or Ctrl+C to copy your element.
• Duplicate. Click Duplicate or Ctrl+D to duplicate your element. The duplicate will appear immediately.
• Delete. Click Delete to remove the element. The element will be deleted immediately.
• Move Forward. Click Move Forward or Ctrl+⇑ to move your element.
• Move Backward. Click Move Backward or Ctrl+⇓ to move your element.