This page demonstrates some of the features in the Divi Carousel Maker plugin related to the general settings. Please be sure to review the documentation to get a better understanding of all the features that are available and how they work.
Default
This example shows the all of the carousel settings with their default values.
Default
Default
Default
Default
Default
Default
Default
Default
Number Of Columns
This example shows the Number Of Rows set to 4 on Desktop, 2 on Tablet, and 1 on Phone.
Number Of Columns
Desktop = 4, Tablet = 2, Phone = 1
Number Of Columns
Desktop = 4, Tablet = 2, Phone = 1
Number Of Columns
Desktop = 4, Tablet = 2, Phone = 1
Number Of Columns
Desktop = 4, Tablet = 2, Phone = 1
Number Of Columns
Desktop = 4, Tablet = 2, Phone = 1
Number Of Rows
This example shows the Number Of Rows set to 3 with a different module per row to create a stack of multiple modules for each “slide” using an example of Image, Text, and Button modules.
Title Text
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Title Text
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Title Text
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Title Text
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Carousel Spacing
This example shows the carousel spacing set to the default 10px on all sides highlighted with a green background color just to clearly demonstrate the area affected by the carousel spacing setting.
Carousel Spacing
Default 10px
Carousel Spacing
Default 10px
Carousel Spacing
Default 10px
Carousel Spacing
Default 10px
Cut Off Mode
This example shows the Cut Off Mode enabled, which allows the sides of the slides to be partially cut off.
Cut Off Mode
Enabled
Cut Off Mode
Enabled
Cut Off Mode
Enabled
Cut Off Mode
Enabled
Cut Off Mode
Enabled
Custom Width
This example shows the Custom Width turned ON with a custom width value set to 420px.
Custom Width
420px Default
Custom Width
420px Default
Custom Width
420px Default
Custom Width
420px Default
Custom Width & Cut Off Mode
This example shows the Custom Width turned ON with the default custom width value of 500px and Cut Off Mode turned ON.
Custom Width + Cut Off Mode
500px Custom Width
Custom Width + Cut Off Mode
500px Custom Width
Custom Width + Cut Off Mode
500px Custom Width
Custom Width + Cut Off Mode
500px Custom Width
Module Vertical Align
These examples show the module vertical align options for modules that are not the same height.
Vertical Align
Top
Vertical Align
Top
Vertical Align
Top
Vertical Align
Top
Vertical Align
Center
Vertical Align
Center
Vertical Align
Center
Vertical Align
Center
Vertical Align
Bottom
Vertical Align
Bottom
Vertical Align
Bottom
Vertical Align
Bottom