Customize TOC Section Colors

Customize TOC Section Colors

This  feature makes it easier to navigate your content and keep brand consistency. You can choose to layer your expandable TOC with color to help highlight different sections within your content.

How does it work?  

To start, make sure you are logged into your admin account.

Go to Edition Tools:

  

Choose the Template and Edition where you want to add the colored TOC sections:

  

Click the Table of Contents Tab:

  

Click the content tab that you want to color:

 
Click the color square labeled Table of Contents Section Color:

   
Choose the color that you want. Click Choose. Click Save Changes to put the color into use.


Repeat this each time, with the colors you need, until each TOC tab is  successfully layered with color.

See the end result below:



This feature will level up your content and create an immersive and engaging experience! 

    • Related Articles

    • Advanced Features

      Advanced Features contain the Google Analytics section to enter your UA number as well as several other template setups, particularly if you purchased an eCommerce or Enterprise package. Google Analytics/GA4 DCatalog integrates with Google Analytics ...

    • Expandable Table of Contents Tab (Sections)

      Expandable Table of Contents Tab (Sections) In addition to the TOC icon, you can add a tab on the side of the viewer that users can pull out and navigate through the headings. In order to add the TOC Index Section, first choose Sections from the drop ...

    • Table of Contents

      Edition Tools: Table of Contents Table of Contents allows you to create a table of contents button so your readers can press on this and be quickly taken to the table of contents page so they can easily reference pages and information in your ...

    • General Appearance

      The General Appearance section contains everything you will need to design your template- the background color, the logo, the toolbar, etc. We have broken it down for you here, to show you all you need to know to design the very basics of your ...

    • How to Mask a Domain

      Mask URL There are 2 options to mask a URL: 1. Using embed code. 2. Using DNS subdomain. Embed code: How exactly do I use it? Log in to your DCatalog account. Click on the “Embed” button for the catalog you want to use. This will launch a pop-up with ...