Create and display an ICarousel element


Option nameDescription

Element Height (container) Custom height (px)
Carousel Height (front img) Carousel’s height. The height is only for the main image (px)
Carousel Width (front img) Carousel’s wid. The width is only for the main image (px)
Autoplay? Autoplay the carousel?
Timeout duration Timeout duration in miliseconds. The time between slides
Perspective The 3D perspective option. (Min 0 & Max 100);
Slides Spaces Spaces between slides
Visible Slides How many slides will be shown (Must be an odd number)
Direction Carousel direction when change
Keyboard navigation Enable keyboard navigation?
Mousewheel navigation Enable mousewheel navigation?
Timer Type Timer Style
Timer Opacity. Timer’s Opacity.
Timer diameter/width Timer diameter or width for the bar type. For example by default it’s a 220px width for Bar style
Timer Color Set a color for the timer
Timer position Set the timer’s position?
Timer X position threshold. Timer X position offset.
Timer Y position threshold. Timer Y position offset.
Slides Here you can create your iCarousel Slides.
Element Background Style Select the background style you want to use for this slider. Please note that styles can be created from the unlimited headers options in the theme admin’s page.
Background Source Type Please select the source type of the background.
Background image Please choose a background image for this section.
Slide Video Youtube ID Add an Youtube ID
Mp4 video source Add the MP4 video source for your local video
Ogg/Ogv video source Add the OGG video source for your local video
Webm video source Add the WEBM video source for your local video
Video poster Using this option you can add your desired video poster that will be shown on unsuported devices.
Autoplay video? Enable autoplay for video?
Loop video? Enable looping the video?
Start mute? Start the video with muted audio?
Video controls Enable video controls?
Video controls position Video controls position in the slide
Background colored overlay Add slide color overlay over the image or video to darken or enlight?
Overlay background color Pick a color
Overlay’s opacity. Overlay background colors opacity level.
Overlay Gradient 2nd Bg. Color Pick a color
Gradient Overlay’s 2nd Opacity. Overlay gradient 2nd background color opacity level.
Bottom masks override The new masks are svg based, vectorial and color adapted.
Disclaimer: may now work perfectly for all elements!




Video Explainer:#