/

CM Table of Contents (CMTOC) - Style - Modifying the Show/Hide TOC button


Modifying the Show/hide Table of Contents button

Back to User Guides

The  Show/hide button appears by default above and to the right of the Table of Contents. There are several options for this within the Plugin Settings.

For these settings, navigate to  CM Table of Contents Pro → Settings → Table of Contents 


Hide Table of Contents by Default


To hide the TOC by default, enable the setting Default appearance → Collapse Table of Contents by default?


Appearance of the 'Show/hide' button

The font size, color and style of Show/hide button can be manipulated inside the Title Style option.

Show/hide label alignment - Choose between:

  • Left edge
  • Near the title text
  • Right edge

Show/hide toggle styling - Define:

  • Size
  • Color
  • Weight
  • Decoration
  • Style


Floating Button

What Is It

The plugin also has a floating button option. This persistent button will be seen while the user navigates the content. Clicking it will trigger the TOC, as shown:

Settings

Show Button - Turn on or off

Button Text - Front-End label

Button styling:

  • Background color
  • Opacity
  • Border color
  • Border width

TOC styling:

  • Text font-size
  • Text color
  • Background color
  • Background opacity
  • Border width
  • Border color
  • Content height
    • Auto - Adapts the height based on the TOC
    • Full Height - Occupies the full page height
  • Position - Where it will appear on the page
    • Top
    • Middle

More information about the  CM Table of Contents 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