Last updated 1219 days ago

Template Slider

Layout

Shows a list of all the items in the slide. You can drag and drop them to change their order. Click on the Add Item button to add another item to the list.

Slider Options

  1. Slide Speed: Set the time between slide movement, in milliseconds.
  2. Loop: Have the slides rotate in an infinite loop and without stopping.
  3. AutoPlay: Slide to YES to have the carousel slide automatically.
  4. AutoPlay Speed: Set the speed at which the carousel will slide, in milliseconds.
  5. AutoPlay Hover Pause: Make the slide pause when the mouse hovers over it.
  6. Pagination: Select the carousel pagination style, either None, Dots, Fraction, or Progress.
  7. Pagination Speed: Set the time between slide movement, in milliseconds.
  8. Rtl: Choose a direction for the slider as left or right.
  9. Columns Per Page / Desktop: Select the number of slides to show at one time, from 1 to 6.
  10. Columns Per Page / Desktop Small: Select the number of slides to show at one time, from 1 to 6.
  11. Columns Per Page / Tablet: Select the number of slides to show at one time, from 1 to 6.
  12. Columns Per Page / Mobile: Select the number of slides to show at one time, from 1 to 6.

List Items

Shows a list of all the items in the slide. You can drag and drop them to change their order. Click on the Add Item button to add another item to the list.
Content Type:
HTML Editor: Insert any custom html content for each slide.
Elementor Template: Choose from the Elementor saved templates if available.
Choose Template: List of all Elementor saved templates if available.

Style

Box:

  1. Background
    Color: Set the background color for the slide.
    Image: Choose an image from the media library.
    If an image is chosen as a slide background, additional options appear:
    Size: Choose whether to display the background as cover or auto. The auto image is for situations where you have the exact sizes needed, and also where you would want the entire image to appear in the slider. The cover size is for more abstract and atmospheric images, where the showing of the entire image is less important.
  2. Padding: Set the inner spacing between the edge of the content and the edge of the slide.
  3. Margin: Set the outer spacing between the edge of the content and the edge of the slide.
  4. Border Type: Select the border type, from none, solid, double, dotted, dashed, or grooved.
  5. Border Radius: Set the border radius for the images to control corner roundness.
  6. Box-shadow: Give the search bar a box shadow.

Navigation:

  1. Color: Set the color for the controls.
  2. Margin: Set the outer spacing between the edge of the button and the edge of the slider.
  3. Navigation Typography: Customize the typography of the button text.
  4. Left Icon: Choose from a list of Font Awesome icons.
  5. Right Icon: Choose from a list of Font Awesome icons.

Pagination Control:

  1. Margin: Set the outer spacing between the edge of the pagination dots.
  2. Color: Set the color for the pagination dots.
Was this article helpful to you? Yes No

How can we help?

Archives

Looking for help ? Contact Support

Welcome to the documentation page of SassLand. Based on the RTF

Create support ticket