This page demonstrates some of the features in the Divi Carousel Maker plugin related to the navigation control 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
These examples show various configurations of the Navigation Controls Dots.
Left
Alignment
5px
Spacing
12px
Default Width
12px
Active Width
Default Opacity
0.5
Active Opacity
1
Default Opacity
0.5
Active Opacity
1
Center
Alignment
5px
Spacing
15px
Default Width
15px
Default Height
45px
Active Width
Right
Alignment
0px
Spacing
20px
Default Width
40px
Active Width
0px
Border Radius
Navigation Controls – Numbers
These examples show various configurations of the Navigation Controls Numbers.
Left
Alignment
5px
Spacing
20px
Font Size
None
Box Shadow
None
Border
Default Opacity
0.5
Active Opacity
1
Default Opacity
0.5
Active Opacity
1
Left
Left
Bold
Font Weight
22px
Font Size
None
Box Shadow
100px
Border Radius
Left
Right
Bold
Font Weight
22px
Font Size
None
Box Shadow
100px
Border Radius
Navigation Controls – Images
These examples show various configurations of the Navigation Controls Images.
Left
Alignment
5px
Spacing
0px
Border Radius
50px
Width
50px
Height
Left
Alignment
5px
Spacing
6px
Border Radius
100px
Width
80px
Height
Thumbnails Fullwidth
Yes
Thumbnails Fullwidth
Yes
Thumbnails Fullwidth
Yes
Thumbnails Fullwidth
Yes
Thumbnails Fullwidth
Yes
Thumbnails Fullwidth
Yes
Thumbnails Fullwidth
Yes
Left
Alignment
4px
Border
Bigger
Active Size
Less
Default Box Shadow
More
Active Box Shadow