DotNav plugin Settings Overview

To access the Divi DotNav plugin settings go to Divi -> Theme Customizer -> Divi DotNav.

The settings panel includes the following settings sections:

1. General Settings
2. Dot Settings
3. Label Settings

GENERAL SETTINGS

These settings affect the Dot Navigation container. 

This section includes the following settings:

1. HIDE ON DESKTOP
2. HIDE ON TABLET
3. HIDE ON PHONE
4. SHOW AFTER SCROLL
5. RIGHT OFFSET
6. BORDER WIDTH
7. BORDER RADIUS
8. PADDING
9. BACKGROUND COLOR
10. BORDER COLOR
11. ANIMATION (IN)
12. ANIMATION DURATION (IN)

DOT SETTINGS

Settings of this section are used to customize the dots of the Dot Navigation.

This section includes the following settings:

1. SHOW/HIDE SECTION DOTS
2. DOT MARGIN
3. DOT BORDER RADIUS
4. DOT BORDER WIDTH
5. DOT BORDER COLOR
6. DOT COLOR
7. DOT WIDTH
8. DOT HEIGHT
9. DOT BORDER COLOR(ACTIVE&HOVER)
10. DOT COLOR(ACTIVE&HOVER)
11. DOT WIDTH(ACTIVE&HOVER)
12. DOT HEIGHT(ACTIVE&HOVER)

LABEL SETTINGS

Enable and customize the dot labels using this section settings.

This section includes the following settings:

1. SHOW DOT LABELS
2. SHOW LABELS
3. LABEL RIGHT OFFSET
4. ACTIVE&HOVER RIGHT OFFSET
5. LABEL PADDING
6. LABEL BORDER RADIUS
7. LABEL BORDER WIDTH
8. LABEL BORDER COLOR
9. LABEL BACKGROUND COLOR
10. ACTIVE LABEL BORDER COLOR
11. ACTIVE LABEL BACKGROUND COLOR
12. LABEL FONT COLOR
13. ACTIVE LABEL FONT COLOR
14. LABEL FONT SIZE
15. LABEL LETTER SPACING
16. ACTIVE LABEL LETTER SPACING
17. APPLY FIXED WIDTH
18. LABEL FONT STYLE