Below is a list of all the custom settings and features in the Divi Table Of Contents plugin. All settings are marked as either available in current version or planned and in progress for future versions.
Green Version Number = Already In Current Version
Red Version Number = Coming Soon In Future Updates
Content Tab
Header Settings
Enter custom text for the table of contents header title.
Allow Collapse/Expand 1.0
Choose whether viewers have the option to collapse and expand the table of contents.
Default State 1.0
Set the default state of the table of contents as collapsed or expanded.
- Collapsed
- Expanded
Collapse When Sticky 1.1
Set the table of contents as collapsed when sticky.
Collapse To Icon Only 1.1
Choose to collapse the table of contents to only an icon.
Expanded Icon 1.0
Choose an icon to collapse the table of contents when it is expanded.
Collapsed Icon 1.0
Choose an icon to expand the table of contents when it is collapsed.
Content Settings
Choose which headings should be included in the table of contents.
Exclude Headings By Class 1.0
Enable this setting and add the CSS class “pac-dtocm-exclude” to any section, row, or module where you want to exclude the headings from being added to the table of contents.
Hide Entire Module If 1.0
Select the minimum number of headings on the current post to determine whether the table of contents should be visible or not. If the number of headings that match the included criteria is lower than the selected number, then the entire module will hide.
- Less Than 2 Headings Found In Content
- Less Than 3 Headings Found In Content
- Less Than 4 Headings Found In Content
- Less Than 5 Headings Found In Content
- Less Than 6 Headings Found In Content
Show Alternative Content If Module Hidden 1.3
Choose to show some alternative content by placing the CSS class “dtocm-show-alternative-content” in any Divi module, row, or section if the table of contents module is hidden based on the minimum heading requirements.
Scroll Speed 1.0.1
Adjust the speed of the page scroll when clicking links in the table of contents.
Top Offset 1.2
Define the vertical distance from the top edge of the browser to the heading when scrolling to the linked content heading.
Show Keyword Highlight 1.1
Choose to enable a keyword search bar feature to highlight words in the post content.
Keyword Highlight Custom Text 1.2
Enter custom text for the keyword highlight input placeholder.
Highlight Active Link 1.1
Choose to enable the active link in the table of contents that matches the current visible heading in the viewport.
Marker Position 1.2
Choose to show the heading level markers inside or outside the heading level text design settings.
- Inside
- Outside
Heading Level Settings
Heading Level 1 Markers 1.0
Select the markers for level 1 headings.
- None
- Icons
- Whole Numbers (1, 2, 3)
- Whole Numbers With Leading Zeros (01, 02, 03)
- Decimal Numbers Of Parent Level (1.1, 1.2, 1.3)
- Uppercase Letters (A, B, C)
- Lowercase Letters (a, b, c)
- Uppercase Roman Numerals (I, V, X, L)
- Lowercase Roman Numerals (i, v, x, l)
Heading Level 1 Overflow 1.0
Choose how to handle heading level 1 text that that is longer than the available width of the module.
- Wrap To New Line
- Hidden With Ellipsis (…)
Heading Level 2 Markers 1.0
Select the markers for level 2 headings.
- None
- Icons
- Whole Numbers (1, 2, 3)
- Whole Numbers With Leading Zeros (01, 02, 03)
- Decimal Numbers Of Parent Level (1.1, 1.2, 1.3)
- Uppercase Letters (A, B, C)
- Lowercase Letters (a, b, c)
- Uppercase Roman Numerals (I, V, X, L)
- Lowercase Roman Numerals (i, v, x, l)
Indent Heading Level 2 1.0
Choose to show heading level 2 indented underneath the parent heading.
Heading Level 2 Indent Amount 1.0
Set the amount of distance heading level 2 is indented underneath the parent heading.
Heading Level 2 Overflow 1.0
Choose how to handle heading level 2 text that that is longer than the available width of the module.
- Wrap To New Line
- Hidden With Ellipsis (…)
Select the markers for level 3 headings.
- None
- Icons
- Whole Numbers (1, 2, 3)
- Whole Numbers With Leading Zeros (01, 02, 03)
- Decimal Numbers Of Parent Level (1.1, 1.2, 1.3)
- Uppercase Letters (A, B, C)
- Lowercase Letters (a, b, c)
- Uppercase Roman Numerals (I, V, X, L)
- Lowercase Roman Numerals (i, v, x, l)
Indent Heading Level 3 1.0
Choose to show heading level 3 indented underneath the parent heading.
Heading Level 3 Indent Amount 1.0
Set the amount of distance heading level 3 is indented underneath the parent heading.
Heading Level 3 Overflow 1.0
Choose how to handle heading level 3 text that that is longer than the available width of the module.
- Wrap To New Line
- Hidden With Ellipsis (…)
Select the markers for level 4 headings.
- None
- Icons
- Whole Numbers (1, 2, 3)
- Whole Numbers With Leading Zeros (01, 02, 03)
- Decimal Numbers Of Parent Level (1.1, 1.2, 1.3)
- Uppercase Letters (A, B, C)
- Lowercase Letters (a, b, c)
- Uppercase Roman Numerals (I, V, X, L)
- Lowercase Roman Numerals (i, v, x, l)
Indent Heading Level 4 1.0
Choose to show heading level 4 indented underneath the parent heading.
Heading Level 4 Indent Amount 1.0
Set the amount of distance heading level 4 is indented underneath the parent heading.
Heading Level 4 Overflow 1.0
Choose how to handle heading level 4 text that that is longer than the available width of the module.
- Wrap To New Line
- Hidden With Ellipsis (…)
Select the markers for level 5 headings.
- None
- Icons
- Whole Numbers (1, 2, 3)
- Whole Numbers With Leading Zeros (01, 02, 03)
- Decimal Numbers Of Parent Level (1.1, 1.2, 1.3)
- Uppercase Letters (A, B, C)
- Lowercase Letters (a, b, c)
- Uppercase Roman Numerals (I, V, X, L)
- Lowercase Roman Numerals (i, v, x, l)
Indent Heading Level 5 1.0
Choose to show heading level 5 indented underneath the parent heading.
Heading Level 5 Indent Amount 1.0
Set the amount of distance heading level 5 is indented underneath the parent heading.
Heading Level 5 Overflow 1.0
Choose how to handle heading level 5 text that that is longer than the available width of the module.
- Wrap To New Line
- Hidden With Ellipsis (…)
Select the markers for level 6 headings.
- None
- Icons
- Whole Numbers (1, 2, 3)
- Whole Numbers With Leading Zeros (01, 02, 03)
- Decimal Numbers Of Parent Level (1.1, 1.2, 1.3)
- Uppercase Letters (A, B, C)
- Lowercase Letters (a, b, c)
- Uppercase Roman Numerals (I, V, X, L)
- Lowercase Roman Numerals (i, v, x, l)
Indent Heading Level 6 1.0
Choose to show heading level 6 indented underneath the parent heading.
Heading Level 6 Indent Amount 1.0
Set the amount of distance heading level 6 is indented underneath the parent heading.
Heading Level 6 Overflow 1.0
Choose how to handle heading level 6 text that that is longer than the available width of the module.
- Wrap To New Line
- Hidden With Ellipsis (…)
Design Tab
Header
Adjust the spacing around the outside of the header.
Header Padding 1.0
Adjust the spacing around the inside of the header.
Header Background Color 1.0
Pick a color to be used for the header background.
Header Border Settings 1.0
Add and customize the border for the header with all the standard border settings.
Header Box Shadow Settings 1.0
Add and customize the box shadow for the header with all the standard box shadow settings.
Header Title Text
Header Title Text Settings 1.0
Customize and style the header title text with all the standard Divi font and text design settings.
Header Icons
Pick a color for the header open icon.
Header Open Icon Size 1.0
Adjust the size of the header open icon.
Header Close Icon Color 1.0
Pick a color for the header close icon.
Header Close Icon Size 1.0
Adjust the size of the header close icon.
Keyword Highlight
Highlighted Keyword Color 1.1
Set the color of the highlighted keywords in the content.
Highlighted Keyword Background Color 1.1
Set the background color of the highlighted keywords in the content.
Field Placeholder Text Color 1.1
Set the color of the placeholder text in the keyword search field.
Field Background Color 1.1
Set the color of the background of the keyword search field.
Field Text Color 1.1
Set the color of the text in the keyword search field.
Field Focus Text Color 1.1
Set the focus color of the text when typing in the keyword search field.
Field Focus Background Color 1.1
Set the focus background color when typing of the keyword search field.
Field Text Settings 1.1
Customize and style the keyword highlight field text with all the standard Divi font and text design settings.
Content
Content Max Height 1.0
Set the maximum height of the content area.
Scrollbar Color 1.0
Set the color of the content area scrollbar.
Scrollbar Width 1.0
Set the width of the content area scrollbar.
Content Area Margin 1.0
Adjust the spacing around the outside of the content area.
Content Area Padding 1.0
Adjust the spacing around the inside of the content area.
Content Area Background Color 1.0
Pick a color to be used for the content area background.
Content Area Border Settings 1.0
Add and customize the border for the content area with all the standard border settings.
Content Area Box Shadow Settings 1.0
Add and customize the box shadow for the content area with all the standard box shadow settings.
Content Heading Links
Content Heading Link Color 1.0
Pick a color to be used for the content heading links.
Content Heading Link Underline Color 1.0
Pick a color to be used for the content heading links underline.
Content Heading Link Underline Thickness 1.3
Set the width of the content heading link underline.
Content Heading Link Background Color 1.2
Pick a color to be used for the content heading links background.
Content Heading Link Margin 1.2
Adjust the spacing around the outside of the content heading links.
Content Heading Link Padding 1.2
Adjust the spacing around the inside of the content heading links.
Content Heading Links Text Settings 1.1
Customize and style the content heading links text with all the standard Divi font and text design settings.
Content Heading Links Border Settings 1.2
Add and customize the border for the content heading links with all the standard border settings.
Content Heading Links Box Shadow Settings 1.2
Add and customize the box shadow for the content heading links with all the standard box shadow settings.
Current Content Heading Text Link Color 1.0
Pick a color to be used for the current content heading text link.
Current Content Heading Text Link Color 1.0
Pick a color to be used for the current content heading link underline.
Content Heading 1 Link Color 1.0
Pick a color to be used for the content heading 1 links.
Content Heading 1 Link Color 1.0
Pick a color to be used for the content heading 1 links underline.
Content Heading 2 Link Color 1.0
Pick a color to be used for the content heading 2 links.
Content Heading 2 Link Color 1.0
Pick a color to be used for the content heading 2 links underline.
Content Heading 3 Link Color 1.0
Pick a color to be used for the content heading 3 links.
Content Heading 3 Link Color 1.0
Pick a color to be used for the content heading 3 links underline.
Content Heading 4 Link Color 1.0
Pick a color to be used for the content heading 4 links.
Content Heading 4 Text Link Color 1.0
Pick a color to be used for the content heading 4 links underline.
Content Heading 5 Link Color 1.0
Pick a color to be used for the content heading 5 links.
Content Heading 5 Text Link Color 1.0
Pick a color to be used for the content heading 5 links underline.
Content Heading 6 Link Color 1.0
Pick a color to be used for the content heading 6 links.
Content Heading 6 Text Link Color 1.0
Pick a color to be used for the content heading 6 links underline.
Content Heading Active Link
Active Content Heading Link Color 1.0
Pick a color to be used for the active content heading link.
Active Content Heading Link Underline Color 1.0
Pick a color to be used for the active content heading link underline.
Active Content Heading Link Underline Thickness 1.3
Set the width of the active content heading link underline.
Active Content Heading Link Background Color 1.2
Pick a color to be used for the active content heading link background.
Active Content Heading Link Margin 1.2
Adjust the spacing around the outside of the active content heading link.
Active Content Heading Link Padding 1.2
Adjust the spacing around the inside of the active content heading link.
Active Content Heading Link Text Settings 1.2
Customize and style the active content heading link text with all the standard Divi font and text design settings.
Active Content Heading Link Border Settings 1.2
Add and customize the border for the active content heading link with all the standard border settings.
Active Content Heading Link Box Shadow Settings 1.2
Add and customize the box shadow for the active content heading link with all the standard box shadow settings.
Content Heading Markers
Choose a custom font to use for the content heading markers.
Content Heading Markers Font Weight 1.0
Choose a font weight for the content heading markers.
Content Heading Markers Font Style 1.0
Select a custom font style for the content heading markers.
Content Heading Markers Color 1.0
Pick a color to be used for the content heading markers.
Content Heading Markers Size 1.0
Choose a size of the content heading markers.
Content Heading Markers Line Height 1.0
Choose a line height for the content heading markers.
Content Heading Markers Text Shadow 1.0
Style the content heading markers with all the standard text shadow settings.
Choose a custom font to use for the content heading 1 markers.
Content Heading 1 Markers Font Weight 1.0
Choose a font weight for the content heading 1 markers.
Content Heading 1 Markers Font Style 1.0
Select a custom font style for the content heading 1 markers.
Content Heading 1 Markers Color 1.0
Pick a color to be used for the content heading 1 markers.
Content Heading 1 Markers Size 1.0
Choose a size of the content heading 1 markers.
Content Heading 1 Markers Line Height 1.0
Choose a line height for the content heading 1 markers.
Content Heading 1 Markers Text Shadow 1.0
Style the content heading 1 markers with all the standard text shadow settings.
Choose a custom font to use for the content heading 2 markers.
Content Heading 2 Markers Font Weight 1.0
Choose a font weight for the content heading 2 markers.
Content Heading 2 Markers Font Style 1.0
Select a custom font style for the content heading 2 markers.
Content Heading 2 Markers Color 1.0
Pick a color to be used for the content heading 2 markers.
Content Heading 2 Markers Size 1.0
Choose a size of the content heading 2 markers.
Content Heading 2 Markers Line Height 1.0
Choose a line height for the content heading 2 markers.
Content Heading 2 Markers Text Shadow 1.0
Style the content heading 2 markers with all the standard text shadow settings.
Choose a custom font to use for the content heading 3 markers.
Content Heading 3 Markers Font Weight 1.0
Choose a font weight for the content heading 3 markers.
Content Heading 3 Markers Font Style 1.0
Select a custom font style for the content heading 3 markers.
Content Heading 3 Markers Color 1.0
Pick a color to be used for the content heading 3 markers.
Content Heading 3 Markers Size 1.0
Choose a size of the content heading 3 markers.
Content Heading 3 Markers Line Height 1.0
Choose a line height for the content heading 3 markers.
Content Heading 3 Markers Text Shadow 1.0
Style the content heading 3 markers with all the standard text shadow settings.
Choose a custom font to use for the content heading 4 markers.
Content Heading 4 Markers Font Weight 1.0
Choose a font weight for the content heading 4 markers.
Content Heading 4 Markers Font Style 1.0
Select a custom font style for the content heading 4 markers.
Content Heading 4 Markers Color 1.0
Pick a color to be used for the content heading 4 markers.
Content Heading 4 Markers Size 1.0
Choose a size of the content heading 4 markers.
Content Heading 4 Markers Line Height 1.0
Choose a line height for the content heading 4 markers.
Content Heading 4 Markers Text Shadow 1.0
Style the content heading 4 markers with all the standard text shadow settings.
Choose a custom font to use for the content heading 5 markers.
Content Heading 5 Markers Font Weight 1.0
Choose a font weight for the content heading 5 markers.
Content Heading 5 Markers Font Style 1.0
Select a custom font style for the content heading 5 markers.
Content Heading 5 Markers Color 1.0
Pick a color to be used for the content heading 5 markers.
Content Heading 5 Markers Size 1.0
Choose a size of the content heading 1 markers.
Content Heading 5 Markers Line Height 1.0
Choose a line height for the content heading 5 markers.
Content Heading 5 Markers Text Shadow 1.0
Style the content heading 5 markers with all the standard text shadow settings.
Choose a custom font to use for the content heading 6 markers.
Content Heading 6 Markers Font Weight 1.0
Choose a font weight for the content heading 6 markers.
Content Heading 6 Markers Font Style 1.0
Select a custom font style for the content heading 6 markers.
Content Heading 6 Markers Color 1.0
Pick a color to be used for the content heading 6 markers.
Content Heading 6 Markers Size 1.0
Choose a size of the content heading 6 markers.
Content Heading 6 Markers Line Height 1.0
Choose a line height for the content heading 6 markers.
Content Heading 6 Markers Text Shadow 1.0
Style the content heading 1 markers with all the standard text shadow settings.
