Display your images with uniqueness using our Image Carousel widget. You can create a professional image carousel that offers you so many customization options.
You can see the below video to understand how you can use the Image Carousel Widget. Or you can follow the documentation whichever you find convenient.
Step 1
To use our Image Carousel widget, at first create a section by clicking on the “+” icon on Elementor and then from the block section of the left bar search for Image Carousel. Drag the block and drop it into your created section.
Now under the Content tab from the Template Style menu you can select the image carousel style. There are six different styles available.
You can see all the styles from here.
From the Content menu, you can choose the images for your carousel. You can select images from your media library or upload images from your device. Click on the add image icon to add your images. You can also disable or enable the image hover animation option.
Now from the Slider Option menu, you can set up your slider features. You can choose the number to display in the slider as well as scroll in the slider. You can enable or disable the autoplay & loop option and set the autoplay speed. You can also set the distance between siders and slider direction as left or right. There is also an option to choose slide effect as slider or fade.
You can choose the navigation as –
- Arrows & Dots
- Arrows
- Dots
- None
Set the arrow color, arrow hover color, dot color, dot border-color, dot size and others.
Step 2
Move on to the Style tab to style up the section.
Settings
Set body section background as classic or gradient, add border type, color, box-shadow, padding and margin for normal & hover condition.
Image
Set image background as classic or gradient, add border type, color, box-shadow, padding and margin.
Image Overlay
Add image overlay background color and set the opacity level.
That’s it! your image carousel section is ready.