Slider

Adding Slider

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

  • Choose the Slider element from the modal that appears:

Customizing a Slider

Slider іs a dynamic visual element that showcase multiple images or content in a rotating format. It's a perfect solution for highlighting key features, products, or testimonials on your website.

Hover over a Slider to access its management options: change the slider's background, adjust the number of slides, and click the Edit button in the top-right corner to modify its Settings and Design.

Slider Background

  • Click the Background button to set up the background of your Slider.
  • Select Add PhotoVideo, or Map:

  • Adjust the Opacity and change the Background Color.

Number of Slides

  • Click + in the top-left corner to add a new slide.
  • Click to delete the selected slide.

Please Note: The number of dots at the Slider's top or bottom corresponds to the number of slides.

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.
  • Align Vertically: Select the Align Vertically control to place the elements into the center of the Slider.
  • Slider Effect: Choose between Smooth, Bouncy, Overshoot:

Navigation Tab

  • Theme: Select a dark or light theme for displaying slider arrows and bullets.
  • Show Dots: Display or hide the slide indicators.
  • Show Arrows: Select the arrows position: DefaultLeft, or Right. Deselect the control to hide arrows from the Slider.

Using a Slider as a Background

You can also set a slider as the background of any Section:

  • Hover over the desired Section, and click the Background option on the top-right corner: and select Slider: