Carousel

A slideshow block for cycling through elements, images or slides of text.

Fade Slides, Arrow Controls, Line Indicator

Slide 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisi lacus sed viverra tellus.

Lorem Ipsum

Slide 2

Est sit amet facilisis magna etiam tempor orci. Nisi lacus sed viverra tellus in hac habitasse platea dictumst. Amet mauris commodo quis imperdiet massa tincidunt.

Lorem Ipsum

Slide 3

Quis imperdiet massa tincidunt nunc pulvinar. Nec tincidunt praesent semper feugiat nibh sed pulvinar proin. Nulla pharetra diam sit amet nisl suscipit.

Lorem Ipsum

PreviousNext

Swipe Slides, Arrow Controls, Dot Indicator

Slide 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisi lacus sed viverra tellus.

Lorem Ipsum

Slide 2

Est sit amet facilisis magna etiam tempor orci. Nisi lacus sed viverra tellus in hac habitasse platea dictumst. Amet mauris commodo quis imperdiet massa tincidunt.

Lorem Ipsum

Slide 3

Quis imperdiet massa tincidunt nunc pulvinar. Nec tincidunt praesent semper feugiat nibh sed pulvinar proin. Nulla pharetra diam sit amet nisl suscipit.

Lorem Ipsum

PreviousNext

Fade Slides, Background Image, Color Overlay

Slide 1

Slide 2

Slide 3

PreviousNext

Block Settings

Carousel OptionsValue
Min Height: Pixels
Transition Type: Slide, Fade
Indicator Visibility: Show, Hide
Indicator Type: Lines, Dots
Indicator Color: Theme Colors, Custom
Navigation Controls (Left/Right):Show, Hide
Navigation Controls Color:Theme Colors, Custom
Spacing:Margin/Padding Presets
Animation:77+ Effects
Additional CSS Class:Class Name
Slide OptionsValue
Display Duration:Seconds
Background Image:Media Image, External URL
Background Color: Theme Colors, Custom
Background Color Overlay:0-100%
Spacing:Margin/Padding Presets
Animation:77+ Effects
Additional CSS Class: Class Name