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:
- General Settings
- Dot Settings
- Label Settings
GENERAL SETTINGS
These settings affect the Dot Navigation container.
This section includes the following settings:
- HIDE ON DESKTOP
- HIDE ON TABLET
- HIDE ON PHONE
- SHOW AFTER SCROLL
- RIGHT OFFSET
- BORDER WIDTH
- BORDER RADIUS
- PADDING
- BACKGROUND COLOR
- BORDER COLOR
- ANIMATION (IN)
- 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:
- SHOW/HIDE SECTION DOTS
- DOT MARGIN
- DOT BORDER RADIUS
- DOT BORDER WIDTH
- DOT BORDER COLOR
- DOT COLOR
- DOT WIDTH
- DOT HEIGHT
- DOT BORDER COLOR(ACTIVE&HOVER)
- DOT COLOR(ACTIVE&HOVER)
- DOT WIDTH(ACTIVE&HOVER)
- DOT HEIGHT(ACTIVE&HOVER)
LABEL SETTINGS
Enable and customize the dot labels using this section settings.
This section includes the following settings:
- SHOW DOT LABELS
- SHOW LABELS
- LABEL RIGHT OFFSET
- ACTIVE&HOVER RIGHT OFFSET
- LABEL PADDING
- LABEL BORDER RADIUS
- LABEL BORDER WIDTH
- LABEL BORDER COLOR
- LABEL BACKGROUND COLOR
- ACTIVE LABEL BORDER COLOR
- ACTIVE LABEL BACKGROUND COLOR
- LABEL FONT COLOR
- ACTIVE LABEL FONT COLOR
- LABEL FONT SIZE
- LABEL LETTER SPACING
- ACTIVE LABEL LETTER SPACING
- APPLY FIXED WIDTH
- LABEL FONT STYLE