Are you looking to restrict a content area in a table of contents in Elementor? There may be instances where you want to restrict the content area of your table of contents to only specific sections. This restriction can help improve the user experience by focusing on relevant information and avoiding overwhelming the reader with unnecessary content.
With the Table Of Content widget from The Plus Addons for Elementor, you can easily restrict the content area of the table of contents in Elementor.
To check the complete feature overview documentation of The Plus Addons for Elementor Table Of Content widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.
To do this, add the Table Of Content widget to the page and follow the steps.
1. Select the container or section you want to show in the table of contents.
2. After that, go to Advanced > Advanced and add a CSS class in the CSS Classes field.
For instance, we’ve added a class name called “mainContent”.
3. Then select the Table Of Content widget and go to the Extra Options tab.
4. In the Restricted Container Area field, add your section or container class name with a dot (.) in front.
In our case, it will be “.mainContent”.
Now, the table of contents will show the headings from your specified container or section only.
