Table of Contents

The Table of Contents module automatically generates a list of all headings on your page, making it easy for visitors to navigate long content sections. This module improves page readability and enhances the user experience.

How to add module on page

https://diviextended.com/documentation/divi-plus/add-module-to-page/

General settings

Title

• Table – Enter the heading text to display above the table of contents.
• Level One Tag – Choose which heading level (e.g., H1) will be used as the first-level item.
• Level Two Tag – Choose which heading level (e.g., H3) will be used as the second-level item.
• Hide Title – Toggle to hide or show the TOC title.

Design settings

Title styling

• Title Background – Select a background color for the TOC title area.
• Title Padding – Add padding around the title text (Top, Bottom, Left, Right).
• Title Font – Choose a custom font for the title text.
• Title Font Weight – Select the weight (Regular, Bold, etc.) for the title text.
• Title Font Style – Apply styling such as italic, underline, or capitalization.
• Title Text Alignment – Align the title text (Left, Center, Right).

Number text styling

• Number Font / Weight / Style – Set font, thickness, and style for numbering.
• Number Text Color – Choose the color of the numbering.
• Number Text Size – Adjust the size of the numbering text.
• Number Letter Spacing – Control the spacing between number characters.

Content (Link) styling

• Content Padding – Set inner spacing for the content area.
• Link Font / Weight / Style – Choose font, weight, and style for TOC links.
• Link Text Color – Choose the color for the TOC links.
• Link Text Size – Adjust the size of the link text.