Below is a list of all the custom settings and features in the Divi Carousel Maker plugin. All settings are marked as either available in current version or planned and in progress for future versions.
Green Version Number = Already In Current Version
Red Version Number = Coming Soon In Future Updates
General Carousel Settings
Make This Column A Carousel 1.0
Create a carousel from all the modules inside this column.
Number Of Items 1.0
Set how many carousel items to show at a time for each device size.
Items Per Scroll 1.0
Set how many carousel items scroll each time.
Items Margin 1.0
Add spacing around each of the carousel items.
Autoplay 1.0
Make the carousel scroll automatically.
Autoplay Speed 1.0
Set the timing duration of the carousel scrolling effect in milliseconds.
Pause Scrolling On Hover 1.0
Pause the carousel scrolling on mouse hover.
Infinite Scroll 1.0
Set the carousel to keep scrolling in an infinite loop when it reaches either end.
Vertical Align 1.0
Align all of the carousel items vertically to the top, center, or bottom.
- Top
- Center
- Bottom
Center Mode
Center mode is an optional setting that automatically centers the carousel items. You can also choose to highlight this center item by adjusting some settings that appear when you enable Center Mode. These settings include Opacity, Blur, and Size.
When this setting is enabled, the plugin checks if the number of carousel items is an odd numbers such as 1, 3, 5, 7, 9, etc. If so, that is great and Center Mode will be applied. However, if the number of items is an even number such as 2, 4, 6, 8, 10, then the Center Mode will be disabled.
Center Mode 1.0
Align and highlight one carousel item in the center.
When Center Mode is turned on, more settings appear below:
Inactive Item Opacity 1.0
Adjust the opacity of all inactive carousel items.
Inactive Items Blur 1.0
Adjust the blur of all inactive carousel items.
Inactive Items Size 1.0
Adjust the size of all inactive carousel items.
Navigation Arrows
Show Navigation Arrows 1.0
Choose to show or hide the carousel next and previous navigation arrows.
When Show Navigation Arrows is turned on, more settings appear below:
Navigation Arrow Position 1.0
Choose a location for the carousel next and previous navigation arrows.
- Default
- Top Left
- Top Center
- Top Right
- Bottom Left
- Bottom Center
- Bottom Right
Navigation Arrow Background Color 1.0
Set a color for the carousel next and previous navigation arrows background.
Navigation Arrow Font Size 1.0
Set a size for the carousel next and previous navigation arrows.
Navigation Arrow Color 1.0
Set a color for the carousel next and previous navigation arrows.
Navigation Arrow Padding 1.0
Adjust the spacing around the inside of the individual events.
Navigation Arrow Border Settings 1.0
Add and customize the border for the navigation arrows with all the standard border settings.
Navigation Dots
Show Navigation Dots 1.0
Choose to show or hide the carousel navigation dots.
When Show Navigation Dots is turned on, more settings appear below:
Dot Navigation Color 1.0
Set a color for the carousel navigation dots.
Active Dot Navigation Color 1.0
Set a color for the carousel navigation active dot.
Responsive Settings
Disable on 1.0
Choose to enable or disble the carousel per device.
- Phone
- Tablet
- Desktop
Most of the Divi Carousel Maker settings are responsive. These means that you can change the settings individually for Desktop, Tablet, and Phone devices. This is really incredible because it allows you to do things like control how many slides per device, enable or disable the navigation arrows per devive, move the positions of the arrows, and so much more.
The screenshots below demonstrate how many settings have the responsive features:
