How to Add Table of Contents to WordPress Using Elementor - Sites on WordPress
video description
Date: 2022-04-30
Related videos
Comments and reviews: 10
Cricri
Hello. I hope someone is still answering comments. Is it possible to have the Headings included in the TOC numbered in the same way as in the TOC? If I number hem manually, the numbering doubles up in the TOC. If I don't number them, they are numbered in the TOC but not in the Headings. What can I do please?
Also, if I select word wrap to accommodate mobile devices showing full long headings, the number in the TOC does not show at the top og the heading but in the middle. For example, if I have a long heading that wraps onto 3 lines on mobiles, the heading number show up at the level of line 2, not line 1.
reply
Hello. I hope someone is still answering comments. Is it possible to have the Headings included in the TOC numbered in the same way as in the TOC? If I number hem manually, the numbering doubles up in the TOC. If I don't number them, they are numbered in the TOC but not in the Headings. What can I do please?
Also, if I select word wrap to accommodate mobile devices showing full long headings, the number in the TOC does not show at the top og the heading but in the middle. For example, if I have a long heading that wraps onto 3 lines on mobiles, the heading number show up at the level of line 2, not line 1.
reply
Sheldon
TOC just made life so easy.-
One Question though,-
I have a lot of content on my pages with a lot of headings. However, I have a problem. I have my TOC on the side and if I don-t make it sticky, when scrolling the side bar becomes blank. So I make the TOC sticky and that-s where things get messy.. Because I have a lot of headings half of my TOC gets cut off when scrolling. I would really appreciate some assistance with this if possible.-
Hope my question makes sense.-
Kind Regards
reply
TOC just made life so easy.-
One Question though,-
I have a lot of content on my pages with a lot of headings. However, I have a problem. I have my TOC on the side and if I don-t make it sticky, when scrolling the side bar becomes blank. So I make the TOC sticky and that-s where things get messy.. Because I have a lot of headings half of my TOC gets cut off when scrolling. I would really appreciate some assistance with this if possible.-
Hope my question makes sense.-
Kind Regards
reply
Stephen
The TOC widget has a UI issue. It will add additonal line to border of the whole TOC section when it is collapsed which is out of my expectation.
You made a mistake by setting border-bottom of header divison as the separator between TOC header and TOC body.
The right choice is to set border-top of TOC body as the separator. Please fix the issue.
reply
The TOC widget has a UI issue. It will add additonal line to border of the whole TOC section when it is collapsed which is out of my expectation.
You made a mistake by setting border-bottom of header divison as the separator between TOC header and TOC body.
The right choice is to set border-top of TOC body as the separator. Please fix the issue.
reply
Kevin
Within Elementor Pro is there any concept or ability to create a Table of Contents that spans multiple posts?
To clarify, rather than write one long post, if I -serialized- the post into multiple shorter posts, can I create one Table of Contents for the post series?
reply
Within Elementor Pro is there any concept or ability to create a Table of Contents that spans multiple posts?
To clarify, rather than write one long post, if I -serialized- the post into multiple shorter posts, can I create one Table of Contents for the post series?
reply
Daisy
How to show specific contents only? Let's say I have A, B, C, and D in my TOC in the left column; when I click on B, I want to show section B in the right column only, instead of showing the whole contents from A, B, C, D when I'm scrolling.
reply
How to show specific contents only? Let's say I have A, B, C, and D in my TOC in the left column; when I click on B, I want to show section B in the right column only, instead of showing the whole contents from A, B, C, D when I'm scrolling.
reply
mariano
Hi, could I know if elementor has a Widget similar to this that instead of containing a table it contains an image with text?
In practice that it always remains in the foreground position while the page scrolls?
Thank you
reply
Hi, could I know if elementor has a Widget similar to this that instead of containing a table it contains an image with text?
In practice that it always remains in the foreground position while the page scrolls?
Thank you
reply
Ashu
How to make TOC itself scrollable if TOC content list grows more than the screen area (in mobile layout TOC is fixed even the bullet list is hidden below)? tried to put custom CSS -overflow-y: auto or scroll- but It's not working.
reply
How to make TOC itself scrollable if TOC content list grows more than the screen area (in mobile layout TOC is fixed even the bullet list is hidden below)? tried to put custom CSS -overflow-y: auto or scroll- but It's not working.
reply
Mohit
I am using sticky table of content, but the problem is once the post is over still it goes below the post and overlaps with the comment section and other content. I want it to stop as soon as the blog post end.
reply
I am using sticky table of content, but the problem is once the post is over still it goes below the post and overlaps with the comment section and other content. I want it to stop as soon as the blog post end.
reply
Ali
I can't see or work out how the table stays always in view and the rest of the content scrolls around it. Can anyone explain? I want the table of contents to always be in view, not stay at the top of the page...
reply
I can't see or work out how the table stays always in view and the rest of the content scrolls around it. Can anyone explain? I want the table of contents to always be in view, not stay at the top of the page...
reply
Eduxtube
anyone know how to remove the comment tag that have h3 tag from the table, i use the CSS selector for other tag of my custom post template. and when enter other class in the exclude placeholder isnt work.
reply
anyone know how to remove the comment tag that have h3 tag from the table, i use the CSS selector for other tag of my custom post template. and when enter other class in the exclude placeholder isnt work.
reply
Add a review, comment
Other channel videos
9:15
12:16
