search
HomeForumHelp

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.

chevron-rightTogglehashtag

  1. Select the slider block

  2. Open the block inspectorarrow-up-right

  3. Navigate to the primary tabarrow-up-right

  4. Find Slider tab

  5. Find Dots

  6. Toggle

hashtag
Clickable Dots

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

chevron-rightTogglehashtag

  1. Select the slider block

  2. Open the block inspectorarrow-up-right

  3. Navigate to the primary tabarrow-up-right

  4. Find Settings tab

  5. Find Dots

  6. Toggle Dots to enable

  7. Find Clickable Dots

  8. Toggle

hashtag
Dot

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

chevron-rightModifyhashtag

  1. Select slider block

  2. Open the block inspectorarrow-up-right

  3. Navigate to the primary tabarrow-up-right

  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

hashtag
Selected Dot

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

chevron-rightModifyhashtag

  1. Select slider block

  2. Open the block inspectorarrow-up-right

  3. Navigate to the primary tabarrow-up-right

  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

hashtag
Height

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

chevron-rightModifyhashtag

  1. Select slider block

  2. Open the block inspectorarrow-up-right

  3. Navigate to the primary tabarrow-up-right

  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

hashtag
Width

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

chevron-rightModifyhashtag

  1. Select slider block

  2. Open the block inspectorarrow-up-right

  3. Navigate to the primary tabarrow-up-right

  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

hashtag
Position

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

chevron-rightModifyhashtag

  1. Select slider block

  2. Open the block inspectorarrow-up-right

  3. Navigate to the primary tabarrow-up-right

  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

hashtag
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.

chevron-rightModifyhashtag

  1. Select slider block

  2. Open the block inspectorarrow-up-right

  3. Navigate to the primary tabarrow-up-right

  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

Last updated