Styling Table of Contents

Themes
21

@hkalant I know it shows in the post but it’s not showing in the table of contents that’s what I’m trying to achieve

22

It is showing. You just can’t see it because you are scrolling the page and the TOC is not following you while scrolling.

I think I found how to change this behaviour.

In your default.hbs, change the code to this:

<script src="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.10.0/tocbot.min.js"></script>
<script>
  tocbot.init({
  // Where to render the table of contents.
  tocSelector: '.toc',
  // Where to grab the headings to build the table of contents.
  contentSelector: '.post-content',
  // Which headings to grab inside of the contentSelector element.
  headingSelector: 'h1, h2, h3',
  // For headings inside relative or absolute positioned containers within content.
  hasInnerContainers: true,
  // How many heading levels should not be collapsed.
  // For example, number 6 will show everything since
  // there are only 6 heading levels and number 0 will collapse them all.
  // The sections that are hidden will open
  // and close as you scroll to headings within them.
  collapseDepth: 6,
});
</script>
23

@hkalant Thank you better now you can see here

24

Thank you so much… get-mobdro.com