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. Layout: Choose from Image Inline, Image Stacked, Image Above, Image Left, Image Right.
2. Slide Speed: Set the time between slide movement, in milliseconds.
3. Loop: Have the slides rotate in an infinite loop and without stopping.
4. AutoPlay: Slide to YES to have the carousel slide automatically.
5. AutoPlay Speed: Set the speed at which the carousel will slide, in milliseconds.
6. AutoPlay Hover Pause: Make the slide pause when the mouse hovers over it.
7. Pagination: Select the carousel pagination style, either None, Dots, Fraction, or Progress.
8. Pagination Speed: Set the time between slide movement, in milliseconds.
9. Center: Slides Positions.
10. Slide Merge: Merge 2 slides together in one slide.
11. Rtl: Choose a direction for the slider as left or right.
12. Columns Per Page / Desktop: Select the number of slides to show at one time, from 1 to 6.
13. Columns Per Page / Desktop Small: Select the number of slides to show at one time, from 1 to 6.
14. Columns Per Page / Tablet: Select the number of slides to show at one time, from 1 to 6.
15. Columns Per Page / Mobile: Select the number of slides to show at one time, from 1 to 6.
16. Slide Navigation: Choose to display arrows, dots, both or none.
17. Prev Button Text: Enter the Prev button custom text.
18. Next Button Text: Enter the Next button custom text.
19. Go To First: Select how many slides to scroll per swipe.
20. Go To First Speed: Set the time here.

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.

Shows the list of slides. You can drag and drop them to change their position, duplicate, delete or add a slide.  When you click on a single slide, its options open up. Each slide has Background, Content and Style settings.

1. Image: Upload or Choose an image from the media library.
2. Title: Enter the slide’s title.
3. Show Subtitle:  Choose whether to show or hide the subtitle. The subtitle will display while hovering over the images.
4. Subtitle: Insert the subtitle for the slide.
5. Caption: Insert the caption for the slide.
6. Show Link: Choose whether to show or hide the link.
7. Button Text: Set the text for the button.
8. Link to: Add a URL the slide or button will link to.

Style

Box:

1. Border Widget: Set the thickness of the border around each slide.
2. Border Radius: Set the border radius for the images to control corner roundness.
3. Padding: Set the inner spacing between the edge of the content and the edge of the slide.
4. Margin: Set the outer spacing between the edge of the content and the edge of the slide.
5. Item Height: Set the height of the widget.
6. Alignment: Align the content to the right, left or center.
7. Background Color: Set the background color of the overlay when you hover over the image.
8. Border color: Choose the border color.
9. Box-shadow: Give the search bar a box shadow.

Title:

1. Title HTML Tag: Wrap the title with a tag, either H1…H6, span, div or paragraph.
2. Typography: Customize the typography of the Title.
3. Color: Set the post’s Title color. The title appears within the overlay when you hover over the image.
4. Margin: Set the outer spacing between the edge of the Title and the edge of the item slide.

Subtitle:

1. Subtitle HTML Tag: Wrap the subtitle with a tag, either H1…H6, span, div or paragraph.
2. Subtitle Typography: Customize the typography of the Subtitle.
3. Color: Set the post’s Subtitle color.
4. Margin: Set the outer spacing between the edge of the Subtitle and the edge of the item slide.

Caption:

1. Caption Typography: Customize the typography of the Title.
2. Color: Set the post’s Caption color.
3. Margin: Set the outer spacing between the edge of the caption and the edge of the item slide.
4. Padding: Set the inner spacing between the edge of the caption and the edge of the item slide.

Hover Background:

1. Background Type: Choose whether to display the background as color or image.
2. Color: Set the background color for the slide.
3. 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.
4. Animation Style: Set the animation effect of the content’s display when the slide is shown: None, Down, Up, Right, Left, or Zoom.
5. Opacity (%): Set the overlay effect transparency.

Navigation:

1. Color: Set the color for the controls.
2. Background Color: Set the background color for the controls.
3. Margin: Set the outer spacing between the edge of the button and the edge of the slider.
4. Padding: Set the inner spacing between the edge of the button and the edge of the slider.
5. Border Radius: Set the border radius for the button to control corner roundness.
6. Opacity (%): Set the button transparency.
7. Navigation Typography: Customize the typography of the button text.
8. Left Icon: Choose from a list of Font Awesome icons.
9. 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.