CM Table of Contents (CMTOC) - Style - CSS Adjustments

CSS Adjustments 

You might need to further apply some css changes on the TOC style. Here is a short guide and few example you can use to make such changes

  1. You can always use the built-in browser "Inspect" feature to find out the exact class of the specific element you want to change 
  2. To apply a new CSS change or add a new one you need to have a place to apply custom css. it could be within your theme settings, adding it directly to your theme css file or by using an external plugin that  supports custom css
  3. Some examples
    1. Changing the color or style of the title "Table of Contents" 

      .cmtoc_table_of_contents_description { color:  blue; font-weight: 900; } 
    2. Change the color of the list numbering

      .cmtoc_table_of_contents_table { color:  blue; }

TIP: Making your custom CSS priority with !important

If your custom CSS is not working and appearing crossed out, it means other rules have higher priority. 

You can set your rule as more important by adding the !important property. 

For example, this line

.cmtoc_table_of_contents_table { color:  blue; }
Would become this line
.cmtoc_table_of_contents_table { color:  blue; !important; }

Read more about !Important: How to apply !important in CSS?

More information about the Table of Contents WordPress  Plugin

Other WordPress products can be found at CreativeMinds WordPress Store

Let us know how we can Improve this Product Documentation Page

To open a Support Ticket visit our support center