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
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.