Table of contents ( TOC )
Overview
Copy the URL link to this section to share
An article TOC (Table of Contents) is a list of the main sections or headings within an article. It provides an overview of the article's structure and allows readers to quickly navigate to specific sections of interest.
Features:
- The TOC list is generated automatically.
- The generated list is based on headings in the article (e.g., H1-H6 or H2-H3).
- When readers click on TOC headings, the page scrolls down to the corresponding heading.
- The TOC is sticky if shown in the left or right sidebar; that is, it follows the reader as they scroll up or down the page. TOC located at the top does not move.
Turn TOC ON
Copy the URL link to this section to share
Change TOC Colors
Copy the URL link to this section to share
TOC Title Colors
- Title: Color of the text
- Container Background: Background behind the title.
- Border: The border around the whole TOC.
TOC Headings are the headings generated based on the page.
- Headings: Color of the text, for all headings.
- Active Background: The active background color for the heading.
- Active Heading: The active text color.
- Hover: Background: The mouse hover background color.
- Hover Text: The mouse hover text color
TOC Heading Filtering
Copy the URL link to this section to share
Header Range: The header Range is the range of headings the TOC will display, for example h2 - h6.
- From Hx: The starting point in this example is the value 2, so H2 headings will be included in the TOC.
- To Hy: The end of the range.
To learn more about web headings click here.
Troubleshooting
Copy the URL link to this section to share
CSS
/*
The .container class needs to be change to the container class of your active themes classes. It could be even the HTML Tag or BODY Tag.
*/
.container {
overflow: initial !important;
}
About this Article
Get free Creative Addons for articles
This article's heading and Hotspots are built with our Creative Addons plugin.
