Dots

The Dots property allows you to navigate through the Slides in your Slider by clicking dots.

When you activate Dots you can choose to make them Clickable. Activation will also open the Dots tab where you can find all the parameters to modify and personalise your Dots with: Dot Colour, Selected Colour, Height, Width, Position and Radius.

Toggle

1. Select the slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Slider tab

5. Find Dots

6. Toggle

Clickable Dots

Dots can be made clickable to allow you to navigate through the Slides in your Slider by clicking Dots.

Toggle

1. Select the slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Settings tab

5. Find Dots

6. Toggle Dots to enable

7. Find Clickable Dots

8. Toggle

Dot

The Dot property allows you to change the colour of your Navigation Dots.

Modify

1. Select slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Settings tab

5. Find Dots

6. Toggle Dots to enable

7. Find Dots tab

8. Open Dots tab

9. Find Dot

10. Modify colour

11. Click blue dot to reset

Selected Dot

The Selected Dot property allows you to choose the colour of the dot corresponding to the slide you have navigated to.

Modify

1. Select slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Settings tab

5. Find Dots

6. Toggle Dots to enable

7. Find Dots tab

8. Open Dots tab

9. Find Selected Dot

10. Modify colour

11. Click blue dot to reset

Height

The Height property allows you to modify the Height of your Navigation Dots.

Modify

1. Select slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Settings tab

5. Find Dots

6. Toggle Dots to enable

7. Find Dots tab

8. Open Dots tab

9. Find Height

10. Modify

11. Click blue dot to reset

Width

The Width property allows you to modify the Width of your Navigation Dots.

Modify

1. Select slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Settings tab

5. Find Dots

6. Toggle Dots to enable

7. Find Dots tab

8. Open Dots tab

9. Find Width

10. Modify Width

11. Click blue dot to reset

Position

The Position property allows you to modify the Position of your Navigation Dots, that is where they are placed in the slide.

Modify

1. Select slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Settings tab

5. Find Dots

6. Toggle Dots to enable

7. Find Dots tab

8. Open Dots tab

9. Find Position

10. Modify position

11. Click blue dot to reset

Radius

The Radius property allows you to modify the Radius of your Navigation Dot. You can modify all the sides at once or unlink to select individual sides.

Modify

1. Select slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Settings tab

5. Find Dots

6. Toggle Dots to enable

7. Find Dots tab

8. Open Dots tab

9. Find Radius

10. Modify radius either linked or individual

11. Click dot to reset