Media Carousel Widget

This widget allows you to create a slider of your gallery of images. It includes the following customization options:

Content #

Slides: You can add any number of slides you like clicking on ADD ITEM.

• Image: Upload or remove image for slides.
• Title: Add a title for slide.
• Content: Add your description to slide.
• Button Text: Add button text here.
• Button Link: Give a link to the button.
• Image Size: Select a size for the image.
• Enable Caption: Enable or disable caption area( title, content and button).

Settings

1. Slides Per View: Select the number of slides to show at one time, from 1 to 8.
2. Autoplay: Choose Yes or No to rotate slides automatically.
3. Delay: Give time for delay. This time is in milliseconds Loop: Choose Yes or No to show slides in a continuous loop.
4. Loop: Show carousel in a continuous loop, infinitely. Yes or No
5. Speed: Set the time it takes for the next slide to start rotating. This time is in milliseconds.
6. Navigation: Choose to display navigation Arrows, Dots, Both or None.
7. Arrows Position: Set the position of arrows if an arrow is chosen.

---

Style #

Slides

1. Alignment: Set the alignment for the slider.
2. Vertical Alignment: Vertically align the slides to the top, middle, or bottom.
3. Space between: Set the spacing between slides
4. Other styling options are background, padding, border, and box–shadow.

Caption: For the caption area, given styling options are padding and border.

Title & description: Color, Typography & margin are available for styling title and description.

Call To Action

This is for styling the button of slides.

1. Typography: Change the typography of the button text.
2. Color: Change the color of the button text.
3. Other options are background, border, margin, box-shadow and padding.

Navigation

1. Arrows
   • Left Icon & right Icon: Select icon for the arrows.
   • Width: Set the width of the arrows.
   • Height: Set the height of the arrows.
   • Icon Size: Increase or decrease the size of the icon used as arrows.
   • Others are border, box-shadow, color, and background.
2. Dots
   • Color: Set the color for dots.
   • Size: Set the size of dots.