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:
- 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.
This Post Has 38 Comments
The only thing that is missing is the ability to have a lightbox gallery of the items after clicking on of them.. its so basic and major i’m not sure how could it be overlooked..
Thanks so much Yahav for your feedback. I sent it to our devs team to be added in the next few upcoming updates.
Is there a way to make the flat animation style continuously loop, instead of jumping to the beginning?
Could you please elaborate a bit more on your question? We already fixed an issue that is related to the infinite animation in the last version of the plugin.
I set the advanced carousel settings like this:
Animation-flat (I want one image to be in focus, and others to the side in smaller)
I want the carousel to continue going around so that there is no break.
The media scroll has the option to continue Infinitely, but it doesn’t have the Flat Animation style.
We would be more than glad to help. Please open a ticket on our support system from here so our devs team can check.
i used this widget with template and also set all the settings in it but my templates are overlapping so what is the problem
Please send us a message on our website so our devs can check this for you.
Can you use this addon for and ACF fields to pull data dynamically?
I’m so sorry, but at the moment, the widget can be used to show images, videos and Elementor templates.
Dear devs, can you please add an option to use a set of photos in form of a “gallery” into this element? For example you can add a set of photos this way for background images in Elementor. I really love media carousel and use it instead of image galleries very often as it serves that function better than ANY gallery widget or plugin for my needs. The only downside is that I have to add every single image individually, and this takes a lot of time. This way I would be able to add a set of images way faster and add the same settings for all of them (including the media file link) and it would be a lifesaver. This feature alone would make the pro version worth it for me if it was a pro only feature. Thank you in advance
Thanks so much for sharing this. I have sent this to our devs team to be checked from their end :)
The carousel is moving form right to left. how can I make it move from left to right in the free version?
You can try “Reverse Direction” option.
Hi,
On this vertical carousel “Vertical” layout, lets assume there are 5 images, while sliding upon reaching 5 images its creating an empty space before next image comes in loop, same happening in the example here : https://premiumaddons.com/elementor-advanced-carousel-widget/, the empty space is not happening in the horizontal layout. What is the solution ?
Please open a ticket on our support system so the devs team can check
my.leap13.com/contact-support
Hi, I am using Elementor Templates and it is not responsive on mobile. Any thoughts?
Please send us a message on our website so our devs team can help
When I activate the reverse animation the carousel sticks to the right. And you can’t see it
Please send us a message on our website through the chat icon at the bottom right so our devs team can check and help.
When using the elementor template media option, my items are incredibly spaced apart even if the width of the section is adjusted accordingly, there is no actual setting i can see to increase/decrease the gap of actual items. Am i doing something wrong?
Hi Grant,
I can see that you already sent us a message and we are following up with you. Could you please check from your end?
It is slow to start – I would like for the animation to be running by the time it is in the viewport. I also have a huge gap following after the last image – before it loops. (I am running this in Vertical mode). Thanks
Our devs team would be glad to help. Please open a ticket on our support system through this link.
There’s no way to controll the carousel with arrows/dots or keyboard? It’s more like a marquee without controls. And it’s a nice widget
You can use our Premium Carousel widget if you want to create a carousel where you can control slides using arrows/dots :)
Cómo puedo poner mis productos en este carrousel?
You can create Elementor templates that contains your Woo products then use those templates in the carousel widget.
Hello, the play icon is not showing on front end even if I have it applied in all my 10 Youtube Short Videos. I couldn’t find any solution.
And… can I add a text layer over the video or over the thumbnail to add the content creator of the short?
Please navigate to your WP Dashboard -> Elementor -> Settings -> Advanced tab and make sure “Enable Font Awesome 4” option is enabled.
Hello with the new update the images of my carrusel show a grey dot that you can click and make the image bigger and go to the middle of the screen. I dont know how to disable this option, this carrusel in my website y “decorative” and I dont want any type of interactions with it.
Could you please send us a message through the chat icon at the bottom right of premiumaddons.com so our devs team can check it for you?
Is it possible to make the carousell dragable?
Se reference:
https://klingit.com
You can use the Premium Carousel widget to create this effect
Hi, I like the design of the infinite carousel, especially how the video thumbnails are aligned horizontally. However, I’m not fully satisfied with the fact that there’s no option to enable or disable the automatic movement, nor arrows to navigate.
It doesn’t make much sense for a user to play a video and have it disappear from the screen because the carousel keeps moving on its own. It would be useful to review this feature so the carousel could include arrows and offer the option to stop the automatic scrolling. This way, the user could move through the content manually and keep the video in view while it’s playing.
I believe what you are referring to is what our Premium Carousel widget, not Premium Advanced Carousel.
even i have try change different lightbox icon, i seem have a bug. it show black circle only.
Please navigate to your WP Dashboard -> Elementor -> Settings -> Advanced and make sure Enable Load Font Awesome 4 is enabled. Hope this works for you.