WordPress Table of Contents Plugin (CMTOC) - Style - Modifying TOC Button (Floating TOC, Show/Hide)
Modifying the Show/hide Table of Contents button
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 WordPress Table of Contents plugin settings.
Example
![Show/hide button - WordPress Table of Contents Block](http://d33v4339jhl8k0.cloudfront.net/docs/assets/558f9e89e4b01a224b42f278/images/5a5ca9ce2c7d3a1943683a9c/file-P9EqesgbI6.gif)
For these settings, navigate to Admin Dashboard → CM Table of Contents Pro → Settings → Table of Contents tab.
![Table of contents settings tab - Add Table of Contents WordPress](http://d33v4339jhl8k0.cloudfront.net/docs/assets/558f9e89e4b01a224b42f278/images/61d31bf1d1a2f12bbe22037a/file-UUCl3M5eba.png)
Hide Table of Contents by Default
To hide the TOC by default, under the Default appearance section enable the setting Collapse Table of Contents by default.
![Enabling collapsing the TOC by default - Floating Table of Contents WordPress](http://d33v4339jhl8k0.cloudfront.net/docs/assets/558f9e89e4b01a224b42f278/images/61d31c51cbdcf558843103a8/file-jxf2sJOaKR.png)
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
![Show/hide toggle styling settings - WordPress TOC Plugin](http://d33v4339jhl8k0.cloudfront.net/docs/assets/558f9e89e4b01a224b42f278/images/61d31cdb6e49f25358bca515/file-G0GfnB0cc8.png)
Floating Button
What Is It
The plugin also has a floating TOC option. This persistent button will be seen while the user navigates the content. Clicking it will trigger the TOC, as shown:
Example
![Example of the floating TOC - TOC Table of Contents WordPress Plugin](http://d33v4339jhl8k0.cloudfront.net/docs/assets/558f9e89e4b01a224b42f278/images/5c3878702c7d3a31944fec88/file-FxZ8OKayGa.gif)
Settings
![Floating TOC settings - WordPress Table of Contents](http://d33v4339jhl8k0.cloudfront.net/docs/assets/558f9e89e4b01a224b42f278/images/61d31df96e49f25358bca51f/file-JHAcpfL7vr.png)
- Show Button - Turn on or off.
- Render button in content area - The TOC button will appear only when the article/post content is visible on screen during scrolling. When the content is out of screen, the button will disappear.
- Hide main TOC - Hides the main Table of contents and only shows the floating TOC. Can only work if "Render button in content area" is enabled.
- Button Text - Front-End label.
- Button styling:
- Background color
- Text color
- Opacity
- Border color
- Border width
- Table of contents 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
- Contents Position - Where it will appear on the page
- Top
- Middle
![]() |
More information about the WordPress 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 |