1. Home
  2. Docs
  3. Widgets
  4. Companion Addons for Elementor WIdgets
  5. Media Carousel Widget

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 boxshadow.

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.

Media Carousel Widget
Was this article helpful to you? Yes No

How can we help?