Elementor Advanced Media Carousel Widget

Introducing Elementor Media Carousel Widget by Premium Addons – a fantastic tool that helps make your website’s images and videos stand out in exciting ways. It comes with many cool animations that you can use, whether you’re using the free or Pro version.

Plus, you can choose whether you want your media wheel to go from side to side or up and down. It’s a great way to make your website look amazing and keep your visitors interested.

The best part is, even if you’re not a tech expert, you’ll easily learn how to use this widget on your WordPress site!

Be sure to visit our demo page to see it in action and discover the endless possibilities for your website.

Requirements:

• You will need Premium Addons free plugin installed and activated on your website.
• Premium Addons Pro is required for:
  • Coverflow, Flip, or Flat animation options.
  • Image Hover Effect.
• Make sure that this widget is enabled so you can find it in the Elementor editor.
• Premium Addons works only with Elementor Page Builder plugin so you will need to have it installed and activated.

Elementor Advanced Media Carousel Settings

Start by dragging & dropping Media Carousel widget into your Elementor editor.

Key Features

• Items
• Advanced Settings.

Items

Carousel Cards: You may select between the media types Image, Video, or Elementor template from the drop-down menu.

• Image
  • Choose Image: Select an image from the media library or upload it.
  • Image Fit: Select the image fit between cover, fill, or contain.
  • Link: Enable to make it clickable.
    • Open in new tab: Enable to make it open in a new tab.
    • Link Type: Select the link type to be a URL link or an existing page.
  • Media Info: You may add your media info.
  • Width: Set the Image width.
  • Height: Set the Media height.
  • Background Color: Select the background color.
  • Border Radius: Set the image’s border-radius.
  • Padding: Creates space inside Elementor Media Carousel image.
  • Margin: Creates a space around Elementor Media Carousel image, outside of any defined borders.

• Video
  • Choose Image: Select an image from the media library or upload it.
  • Image Fit: Select the image fit between cover, fill, or contain.
  • Type: Select between YouTube, Vimeo, or Self-Hosted.
    • Video Link: Add your video link.
    • Select Video: Select the self-hosted video from the library or add a remote video link.
    • Thumbnail Size: Set the thumbnail resolution. (YouTube Only)
    • Controls
    • Mute
    • Show Play Icon: Enable to show a play icon and select the icon or SVG color and size.
  • Width: Set the video width.
  • Height: Set the Media height.
  • Background Color: Select the background color.
  • Border Radius: Set the image’s border-radius.
  • Padding: Creates space inside Elementor Media Carousel video.
  • Margin: Creates a space around Elementor Media Carousel video, outside of any defined borders.

• Media Type
  • Elementor Template: Select Elementor template from the dropdown menu.
  • Link: Enable to make it clickable.
    • Open in new tab: Enable to make it open in a new tab.
    • Link Type: Select the link type to be a URL link or an existing page.
• Width: Set the card width.
• Height: Set the card height.
• Background Color: Select the background color.
• Border Radius: Set the card’s border-radius.
• Padding: Creates space inside Elementor Advanced Media Carousel card.
• Margin: Creates a space around Elementor Advanced Media Carousel card, outside of any defined borders.

• Width: Set Elemetor Advanced Media Carousel width.
• Height: Set Elementor Advanced Media Carousel height.
• Alignment: Set the Elementor Advanced Media Carousel alignment.
• Spacing: Set the spacing between Elementor Advanced Media Carousel cards.

Advanced Settings

Please note that Flip, Flat and Coverflow Animation options require Premium Addons PRO installed and activated on your website.

• Animation: Select your Elementor Media Carousel animation option between Infinite, Flip, Flat, or Coverflow.
• Wheel Direction: Select your Elementor Media Carousel direction between horizontal or vertical.
• Height: Set Elementor Wheel height.
• Speed: Set the animation speed the smaller the value, the slower the animation speed.
• Animation By Mousewheel: Eable to have the animation by the mousewheel.
• Enable Fading Color.
• Fade Color.

Style

• Image
• Play Icon
• Media Info
• Items

Image

Please note that Image Hover Effect option requires Premium Addons PRO installed and activated on your website.

• Hover Effect: Select the hover image effect.
• CSS Filters: You can also customize the image style further by selecting one of the available filters: Blur, Brightness, Contrast, Saturation, or Hue.
• Hover CSS Filters: You can also customize the image further by selecting one of the available hover filters: Blur, Brightness, Contrast, Saturation, and Hue.
• Border Radius: Increasing the border-radius will add circular corners.

Play Icon

• Background Color: Pick a background color for the play icon background.
• Border Radius: Increasing the border-radius will add circular corners.
• Padding: Creates space inside the play icon.

Media Info

• Title
  • Typography: Adjust media info title font settings.
  • Color: Select the media info title’ font color.
  • Text Shadow: Set the text-shadow type for the media info title.
  • Margin: Creates a space around media info title, outside of any defined borders.
• Description
  • Typography: Adjust media info font description settings.
  • Color: Select the media info description’ font color.
  • Text Shadow: Set the text-shadow type for the media info description.
  • Margin: Creates a space around media info description, outside of any defined borders.

• Container
  • Alignment: Select Elementor Media Carousel container alignment between left, middle, or right.
  • Placement: Select the container placement to be before image, overlay, or after image.
  • Background Type: Pick the background type.
    • Classic Background: Color or Image Background.
    • Gradient Background: Set the background using gradient colors.
  • Border Type: Select from different border types, as well as the color and the width of the border on each side of the container.
  • Border Radius: Increasing the border-radius will add circular corners to the container.
  • Padding: Creates space inside the container.
  • Margin: Creates a space around the container, outside of any defined borders.

Items

• Border Type: Select from different border types, as well as the color and the width of the border on each side of the Items.
• Box Shadow: Set the box-shadow of the items.

Conclusion

In conclusion, the Elementor Media Carousel Widget by Premium Addons is a user-friendly and dynamic addition to your WordPress toolkit. Whether you’re a coding novice or a seasoned pro, this widget empowers you to create visually captivating and interactive media displays with ease. With a range of animations and the choice between horizontal and vertical media Carousel directions, you can customize your website to reflect your unique vision. Don’t miss out on the opportunity to elevate your web design and engage your visitors in a whole new way. Visit our demo page today to witness the widget’s magic firsthand and unlock the potential to make your website truly remarkable.

If you still need any further assistance, feel free to contact Premium Addons support team. We would be more than glad to help 😁

Join the Community

You’re most welcome to join our Facebook group and YoutTube channel to get updates about new features, improvements, and bug fixes.