# Adding a table of contents

**URL:** <https://forum.ghost.org/t/adding-a-table-of-contents/29588>\
**Category:** Developer help\
**Created:** [April 15, 2022, 1:44pm UTC](https://forum.ghost.org/t/adding-a-table-of-contents/29588 "2022-04-15T13:44:44Z")\
**Posts on this page:** 1\
**Showing post:** 7

<div class="post-metadata">

**Author:** ![TheRoyalFig](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/theroyalfig/32/27771_2.png) [@TheRoyalFig](https://forum.ghost.org/u/TheRoyalFig)\
**Post date:** [April 18, 2022, 4:00pm UTC](https://forum.ghost.org/t/adding-a-table-of-contents/29588/7 "2022-04-18T16:00:47Z")

</div>

Unfortunately, that tutorial doesn’t apply to your theme.

You could try adding the following to your **Site Header** in **Settings** \> **Code Injection**. Because this change could affect lots of different pages on your site, you’ll want to test other pages to make sure nothing looks askew.

In the example below, I’ve increased the width by 200 px. However, you can change the `920` value below up or down to suit your needs.

```css
<style>
.gh-canvas {
  grid-template-columns: [full-start] minmax(4vmin, auto) [wide-start] minmax(
      auto,
      240px
    ) [main-start] min(920px, calc(100% - 8vw)) [main-end] minmax(auto, 240px) [wide-end] minmax(
      4vmin,
      auto
    ) [full-end];
}
</style>

```

---

_[View the full topic](https://forum.ghost.org/t/adding-a-table-of-contents/29588)._