Skip to main content

Customize your table of contents (TCS)

This page applies to:MindTouch 4 and MindTouch TCS


This article provides styles to remove the numbering from Table of Contents or hide the Table of Contents for your site.

Hiding Numbering

After completing this how-to you will have successfully hidden the numbers that are present in any Table of Contents.  There are two (2) CSS calls to add to your site for this to be completely effective.

Before the CSS calls                                                                   After the CSS calls

TOC -Before.pngTOC_-_After.png



These CSS calls will hide the numbers that are present in a TOC when a user clicks on the Table of Contents button located in the upper right- hand corner of the page. 


  1. Navigate to the Control Panel.
  2. From there you will want to navigate to Custom Site CSS within the 'Customize' section of the Control Panel (Control Panel >> Customize >> Custom Site CSS).
  3. Once you have navigated to this location you will want to add the following CSS calls to the All Roles CSS box:


#pagetoc.toc ol span {
display: none;
.wiki-toc li span {
display: none;

MindTouch 4

.tocdata li:before {
display: none;

Once you have added this to All Roles CSS box, hit save on the bottom of this page.

Now when clicking on the Table of Contents button on a page, the numbers will no longer be present.


Hiding Table of Contents

To hide the Table of Contents you can use the following CSS override directly within a page using a CSS style block, or by applying this in the Control Panel's Custom Site CSS section:

display: none !important;

This CSS override is compatible with both MindTouch TCS and 4.

What's Next

Now you have successfully stylized the Table of Contents within MindTouch. For more CSS tutorials, please see the CSS section of our help documentation.

  • Was this article helpful?