Navigation Controls Settings

These settings allow you to customize the carousel navigation controls, including dots, numbers, or images. You can adjust their position, alignment, spacing, and styling to match your design and improve user interaction.

Navigation Controls Type

This example demonstrates the available navigation control types, including Dots, Numbers, and Images. By default, the carousel uses dots, but you can switch to other styles as needed.

Dots:
Numbers:
Images:

Navigation Controls Locations

This example demonstrates how navigation controls can be positioned at the top or bottom of the carousel using the location setting.

Top:
Bottom:

Image Module - Eample 1

This example demonstrates navigation dots with a custom vertical position and right alignment. The dot colors are customized for both default and active states, and the size is adjusted from 12px to 10px.

Testimonial Module - Example 2

This example demonstrates number-based navigation controls with adjusted spacing and animation speed. The design includes custom text color, background color, border radius, and border styling.

CTA Module - Example 3

This example demonstrates image-based navigation controls with the location set to top right. The thumbnail controls are displayed in fullwidth mode, and the default image opacity is reduced from 1 to "0.5".