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.

Arrows – Sides Position

This example shows the navigation arrows set to the Sides position.

Sides

Navigation Arrows Position

Sides

Navigation Arrows Position

Sides

Navigation Arrows Position

Sides

Navigation Arrows Position

Sides

Navigation Arrows Position

Arrows – Sides Inset Position

This example shows the navigation arrows set to the Sides Inset position.

Sides Inset

Navigation Arrows Position

Sides Inset

Navigation Arrows Position

Sides Inset

Navigation Arrows Position

Sides Inset

Navigation Arrows Position

Sides Inset

Navigation Arrows Position

Arrows – Top Left Position

This example shows the navigation arrows set to the Top Left position.

Top Left

Navigation Arrows Position

Top Left

Navigation Arrows Position

Top Left

Navigation Arrows Position

Top Left

Navigation Arrows Position

Top Left

Navigation Arrows Position

Arrows – Top Center Position

This example shows the navigation arrows set to the Top Center position.

Top Center

Navigation Arrows Position

Top Center

Navigation Arrows Position

Top Center

Navigation Arrows Position

Top Center

Navigation Arrows Position

Top Center

Navigation Arrows Position

Arrows – Top Right Position

This example shows the navigation arrows set to the Top Right position.

Top Right

Navigation Arrows Position

Top Right

Navigation Arrows Position

Top Right

Navigation Arrows Position

Top Right

Navigation Arrows Position

Top Right

Navigation Arrows Position

Arrows – Bottom Left Position

This example shows the navigation arrows set to the Bottom Left position.

Bottom Left

Navigation Arrows Position

Bottom Left

Navigation Arrows Position

Bottom Left

Navigation Arrows Position

Bottom Left

Navigation Arrows Position

Bottom Left

Navigation Arrows Position

Arrows – Bottom Center Position

This example shows the navigation arrows set to the Bottom Center position.

Bottom Center

Navigation Arrows Position

Bottom Center

Navigation Arrows Position

Bottom Center

Navigation Arrows Position

Bottom Center

Navigation Arrows Position

Bottom Center

Navigation Arrows Position

Arrows – Bottom Right Position

This example shows the navigation arrows set to the Bottom Right position.

Bottom Right

Navigation Arrows Position

Bottom Right

Navigation Arrows Position

Bottom Right

Navigation Arrows Position

Bottom Right

Navigation Arrows Position

Bottom Right

Navigation Arrows Position

Dots Alignment – Left

This example shows the navigation dots set to the Left alignment.

Left

Navigation Dots Alignment

Left

Navigation Dots Alignment

Left

Navigation Dots Alignment

Left

Navigation Dots Alignment

Left

Navigation Dots Alignment

Dots Alignment – Center

This example shows the navigation dots set to the Center alignment.

Center

Navigation Dots Alignment

Center

Navigation Dots Alignment

Center

Navigation Dots Alignment

Center

Navigation Dots Alignment

Center

Navigation Dots Alignment

Dots Alignment – Right

This example shows the navigation dots set to the Right alignment.

Right

Navigation Dots Alignment

Right

Navigation Dots Alignment

Right

Navigation Dots Alignment

Right

Navigation Dots Alignment

Right

Navigation Dots Alignment