This page demonstrates some of the features in the Divi Carousel Maker plugin related to the navigation settings. Please be sure to review the documentation to get a better understanding of all the features that are available and how they work.
Navigation Controls – Dots 1
This example shows various configurations of the Navigation Controls Dots.
Left
Alignment
5px
Spacing
12px
Default Width
12px
Active Width
Navigation Controls – Dots 2
This example shows various configurations of the Navigation Controls Dots.
Center
Alignment
5px
Spacing
15px
Default Width
15px
Default Height
45px
Active Width
Navigation Controls – Dots 3
This example shows various configurations of the Navigation Controls Dots.
Right
Alignment
0px
Spacing
20px
Default Width
40px
Active Width
0px
Border Radius
Navigation Controls – Numbers 1
This example shows various configurations of the Navigation Controls Numbers.
Left
Alignment
5px
Spacing
20px
Font Size
None
Box Shadow
None
Border
Navigation Controls – Numbers 2
This example shows various configurations of the Navigation Controls Numbers.
Left
Left
Bold
Font Weight
22px
Font Size
None
Box Shadow
100px
Border Radius
Navigation Controls – Numbers 3
This example shows various configurations of the Navigation Controls Numbers.
Left
Right
Bold
Font Weight
22px
Font Size
None
Box Shadow
100px
Border Radius
Navigation Controls – Images 1
This example shows various configurations of the Navigation Controls Images.
Left
Alignment
5px
Spacing
0px
Border Radius
50px
Width
50px
Height
Navigation Controls – Images 2
This example shows various configurations of the Navigation Controls Images.
Left
Alignment
5px
Spacing
6px
Border Radius
100px
Width
80px
Height
Navigation Controls – Images 3
This example shows various configurations of the Navigation Controls Images.
Left
Alignment
4px
Border
Bigger
Active Size
Less
Default Box Shadow
More
Active Box Shadow