# Really quite nice for a personal/professional blog

**URL:** <https://forum.ghost.org/t/really-quite-nice-for-a-personal-professional-blog/22460>\
**Category:** Using Ghost\
**Created:** [May 5, 2021, 3:44pm UTC](https://forum.ghost.org/t/really-quite-nice-for-a-personal-professional-blog/22460 "2021-05-05T15:44:39Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![Stromfeldt](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/stromfeldt/32/13572_2.png) [@Stromfeldt](https://forum.ghost.org/u/Stromfeldt)\
**Post date:** [May 11, 2021, 12:00am UTC](https://forum.ghost.org/t/really-quite-nice-for-a-personal-professional-blog/22460/5 "2021-05-11T00:00:25Z")

</div>

@lorcand I suppose there might be some kind of JS way to detect if there are any H1s or H2 etc. within a page’s `.c-content` area and which you could easily just drop into your site’s code injection footer, but I don’t know JS so I can’t help you there.

Alternatively, the way I remove the TOC section on my site when I don’t want it there is to integrate a `{{#has}}` helper. Depending on if you have fewer posts that utilise TOC functionality or not, you can create either the internal tag `#yes-TOC` or `#no-TOC` and then apply those to the relevant posts. Then in the portion of your theme where you call the TOC itself, wrap that in

```auto
{{#has tag="#yes-TOC"}}
    <div class="toc"></div>
{{/has}}

```

or on the other hand

```auto
{{^has tag="#no-TOC"}}
    <div class="toc"></div>
{{/has}}

```

You may have to bring the `{{#has}}` helper one level higher to wrap around the  
`<div class="u-bg-white u-border u-border-radius u-p-32">...</div>` portion, from what I see on your site.

---

_[View the full topic](https://forum.ghost.org/t/really-quite-nice-for-a-personal-professional-blog/22460)._