{"id":5729,"date":"2022-07-06T15:42:47","date_gmt":"2022-07-06T15:42:47","guid":{"rendered":"https:\/\/www.kadencewp.com\/help-center\/?post_type=docs&#038;p=5729"},"modified":"2025-10-16T19:22:05","modified_gmt":"2025-10-16T19:22:05","password":"","slug":"table-of-contents-block","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/table-of-contents-block\/","title":{"rendered":"Table of Contents Block"},"content":{"rendered":"<style>.kb-table-of-content-nav.kb-table-of-content-id5729_f00f12-b6 .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kb-table-of-content-nav.kb-table-of-content-id5729_f00f12-b6 .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id5729_f00f12-b6 .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id5729_f00f12-b6 .kb-table-of-content-wrap .kb-table-of-content-list{font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}<\/style>\n\n\n<p>The table of contents block allows you to quickly navigate to the headings within your post or page by automatically creating anchor links to those headings.<\/p>\n\n\n\n<p>You can either add the TOC block after you\u2019ve created your content, or you can add it at the beginning. Either way, the block will recognize your&nbsp;headings automatically.<\/p>\n\n\n\n<p>To add the block, click one of the &#8220;+&#8221; signs in the editor, or search for it using the &#8220;\/&#8221; function:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1364\" height=\"789\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/image.gif\" alt=\"\" class=\"wp-image-5730\" \/><\/figure>\n\n\n\n<p>Once the block has been added, take some time to customize it to suit your needs:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"334\" height=\"684\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/TOCblock.gif\" alt=\"\" class=\"wp-image-6472\" style=\"width:334px;height:684px\" \/><\/figure><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading5729_84eb2b-71, .wp-block-kadence-advancedheading.kt-adv-heading5729_84eb2b-71[data-kb-block=\"kb-adv-heading5729_84eb2b-71\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading5729_84eb2b-71 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading5729_84eb2b-71[data-kb-block=\"kb-adv-heading5729_84eb2b-71\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading5729_84eb2b-71 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading5729_84eb2b-71[data-kb-block=\"kb-adv-heading5729_84eb2b-71\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading5729_84eb2b-71 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading5729_84eb2b-71\">General Settings<\/h2>\n\n\n<style>.kb-row-layout-id5729_e041e4-9f > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id5729_e041e4-9f > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id5729_e041e4-9f > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id5729_e041e4-9f > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id5729_e041e4-9f > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id5729_e041e4-9f > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id5729_e041e4-9f alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column5729_4c5de4-57 > .kt-inside-inner-col,.kadence-column5729_4c5de4-57 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column5729_4c5de4-57 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column5729_4c5de4-57 > .kt-inside-inner-col{flex-direction:column;}.kadence-column5729_4c5de4-57 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column5729_4c5de4-57 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column5729_4c5de4-57{position:relative;}@media all and (max-width: 1024px){.kadence-column5729_4c5de4-57 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column5729_4c5de4-57 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column5729_4c5de4-57\"><div class=\"kt-inside-inner-col\">\n<p>This is the tab setting the &#8220;<strong>Allowed Headers<\/strong>&#8221; and &#8220;<strong>Collapsible Settings<\/strong>&#8221; of the Table of Contents (<strong>TOC<\/strong>) block.<\/p>\n\n\n\n<p>The <em><strong>Allowed Headers<\/strong><\/em> option is for setting which HTML heading tags (H1, H2, H3, H4, H5, or H6) the TOC block shows on the list.<\/p>\n\n\n\n<p>The <strong><em>Collapsible Settings<\/em><\/strong> have multiple options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>Enable Collapsible Content<\/em>: Determines whether the TOC block title is collapsible.\n<ul class=\"wp-block-list\">\n<li><em>Start Collapse<\/em>: If collapsible content is enabled, this option will show. Once turned on, the TOC block will show as collapsed on page load.<\/li>\n\n\n\n<li><em>Icon Style<\/em>: Sets the icons that will be shown beside the TOC block title.<\/li>\n\n\n\n<li><em>Enable title to toggle as well as icon<\/em>: If this is turned on, a user can collapse the TOC block by clicking on the title.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n<style>.kadence-column5729_2e393e-55 > .kt-inside-inner-col,.kadence-column5729_2e393e-55 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column5729_2e393e-55 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column5729_2e393e-55 > .kt-inside-inner-col{flex-direction:column;}.kadence-column5729_2e393e-55 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column5729_2e393e-55 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column5729_2e393e-55{position:relative;}@media all and (max-width: 1024px){.kadence-column5729_2e393e-55 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column5729_2e393e-55 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column5729_2e393e-55\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"396\" height=\"1024\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Edit-Page-About-\u2039-Lala-\u2014-WordPress-2025-07-18-at-9.35.45-AM-396x1024.jpg\" alt=\"\" class=\"wp-image-13836\" style=\"width:244px;height:auto\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Edit-Page-About-\u2039-Lala-\u2014-WordPress-2025-07-18-at-9.35.45-AM-396x1024.jpg 396w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Edit-Page-About-\u2039-Lala-\u2014-WordPress-2025-07-18-at-9.35.45-AM-116x300.jpg 116w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Edit-Page-About-\u2039-Lala-\u2014-WordPress-2025-07-18-at-9.35.45-AM-198x512.jpg 198w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Edit-Page-About-\u2039-Lala-\u2014-WordPress-2025-07-18-at-9.35.45-AM.jpg 422w\" sizes=\"auto, (max-width: 396px) 100vw, 396px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading5729_e8f1e6-62, .wp-block-kadence-advancedheading.kt-adv-heading5729_e8f1e6-62[data-kb-block=\"kb-adv-heading5729_e8f1e6-62\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading5729_e8f1e6-62 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading5729_e8f1e6-62[data-kb-block=\"kb-adv-heading5729_e8f1e6-62\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading5729_e8f1e6-62 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading5729_e8f1e6-62[data-kb-block=\"kb-adv-heading5729_e8f1e6-62\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading5729_e8f1e6-62 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading5729_e8f1e6-62\">Style Settings<\/h2>\n\n\n<style>.kb-row-layout-id5729_17f147-61 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id5729_17f147-61 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id5729_17f147-61 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id5729_17f147-61 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id5729_17f147-61 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id5729_17f147-61 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id5729_17f147-61 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column5729_1d039d-a1 > .kt-inside-inner-col,.kadence-column5729_1d039d-a1 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column5729_1d039d-a1 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column5729_1d039d-a1 > .kt-inside-inner-col{flex-direction:column;}.kadence-column5729_1d039d-a1 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column5729_1d039d-a1 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column5729_1d039d-a1{position:relative;}@media all and (max-width: 1024px){.kadence-column5729_1d039d-a1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column5729_1d039d-a1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column5729_1d039d-a1\"><div class=\"kt-inside-inner-col\">\n<p>This tab setting lets you customize the TOC block&#8217;s Title, List, and Container.<\/p>\n\n\n\n<p>The <strong>Title Settings<\/strong> are for the TOC title with the default value of &#8220;Table of Contents&#8221;. You can click on it to change the text.<\/p>\n\n\n\n<p>The <strong>List Settings<\/strong> are for the links below the titles. Those have links to their respective headings\/titles on the page.<\/p>\n\n\n\n<p>The <strong>Container Settings<\/strong> are for customizing the whole TOC block container.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column5729_faae76-0f > .kt-inside-inner-col,.kadence-column5729_faae76-0f > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column5729_faae76-0f > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column5729_faae76-0f > .kt-inside-inner-col{flex-direction:column;}.kadence-column5729_faae76-0f > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column5729_faae76-0f > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column5729_faae76-0f{position:relative;}@media all and (max-width: 1024px){.kadence-column5729_faae76-0f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column5729_faae76-0f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column5729_faae76-0f\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"426\" height=\"494\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Edit-Page-About-\u2039-Lala-\u2014-WordPress-2025-07-18-at-9.40.07-AM.jpg\" alt=\"\" class=\"wp-image-13839\" style=\"width:336px;height:auto\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Edit-Page-About-\u2039-Lala-\u2014-WordPress-2025-07-18-at-9.40.07-AM.jpg 426w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Edit-Page-About-\u2039-Lala-\u2014-WordPress-2025-07-18-at-9.40.07-AM-259x300.jpg 259w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Edit-Page-About-\u2039-Lala-\u2014-WordPress-2025-07-18-at-9.40.07-AM-360x417.jpg 360w\" sizes=\"auto, (max-width: 426px) 100vw, 426px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.wp-block-kadence-image.kb-image5729_ff9013-e3:not(.kb-specificity-added):not(.kb-extra-specificity-added){margin-top:var(--global-kb-spacing-lg, 3rem);}.kb-image5729_ff9013-e3 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image5729_ff9013-e3 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1429\" height=\"697\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Zight-Recording-2025-07-18-at-09.43.13-AM.gif\" alt=\"\" class=\"kb-img wp-image-13838\" \/><\/figure>\n\n\n\n<p>When you\u2019ve achieved your design goals for the TOC block, view it on the front end to ensure it\u2019s working as expected.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1469\" height=\"790\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/image-2.gif\" alt=\"\" class=\"wp-image-5732\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading5729_24df67-27, .wp-block-kadence-advancedheading.kt-adv-heading5729_24df67-27[data-kb-block=\"kb-adv-heading5729_24df67-27\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading5729_24df67-27 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading5729_24df67-27[data-kb-block=\"kb-adv-heading5729_24df67-27\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading5729_24df67-27 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading5729_24df67-27[data-kb-block=\"kb-adv-heading5729_24df67-27\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading5729_24df67-27 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading5729_24df67-27\">Advanced Settings<\/h2>\n\n\n<style>.kb-row-layout-id5729_8b3476-0b > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id5729_8b3476-0b > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id5729_8b3476-0b > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id5729_8b3476-0b > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id5729_8b3476-0b > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id5729_8b3476-0b > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id5729_8b3476-0b alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column5729_8abda0-c1 > .kt-inside-inner-col,.kadence-column5729_8abda0-c1 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column5729_8abda0-c1 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column5729_8abda0-c1 > .kt-inside-inner-col{flex-direction:column;}.kadence-column5729_8abda0-c1 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column5729_8abda0-c1 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column5729_8abda0-c1{position:relative;}@media all and (max-width: 1024px){.kadence-column5729_8abda0-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column5729_8abda0-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column5729_8abda0-c1\"><div class=\"kt-inside-inner-col\">\n<p>Spacing settings (<strong>Padding<\/strong> and <strong>Margin<\/strong>) of the TOC block itself can be changed here. There are default margins set by our block CSS files, like the bottom margin of 30px.<\/p>\n\n\n\n<p>If this disrupts your layout, you can override that by setting the bottom margin to 0 or None.<\/p>\n\n\n\n<p>The <strong>Scroll Settings<\/strong> will give you 2 options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>Enable Smooth Scroll to ID<\/em>: Makes the scroll to the headings\/titles smoother.<\/li>\n\n\n\n<li><em>Enable Highlighting Heading when scrolling in active area<\/em>: Makes the current heading show as active. This is useful for layouts where the TOC block is shown inside a sticky section.\n<ul class=\"wp-block-list\">\n<li>This will give you another option to set the &#8220;Active&#8221; list item color to a different one.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n<style>.kadence-column5729_b1cf75-10 > .kt-inside-inner-col,.kadence-column5729_b1cf75-10 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column5729_b1cf75-10 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column5729_b1cf75-10 > .kt-inside-inner-col{flex-direction:column;}.kadence-column5729_b1cf75-10 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column5729_b1cf75-10 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column5729_b1cf75-10{position:relative;}@media all and (max-width: 1024px){.kadence-column5729_b1cf75-10 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column5729_b1cf75-10 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column5729_b1cf75-10\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"403\" height=\"1024\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Add-Page-\u2039-Lala-\u2014-WordPress-2025-07-18-at-9.48.56-AM-403x1024.jpg\" alt=\"\" class=\"wp-image-13840\" style=\"width:222px;height:auto\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Add-Page-\u2039-Lala-\u2014-WordPress-2025-07-18-at-9.48.56-AM-403x1024.jpg 403w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Add-Page-\u2039-Lala-\u2014-WordPress-2025-07-18-at-9.48.56-AM-118x300.jpg 118w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Add-Page-\u2039-Lala-\u2014-WordPress-2025-07-18-at-9.48.56-AM-202x512.jpg 202w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Add-Page-\u2039-Lala-\u2014-WordPress-2025-07-18-at-9.48.56-AM.jpg 416w\" sizes=\"auto, (max-width: 403px) 100vw, 403px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<h3 class=\"wp-block-heading\">Advanced Usage of the Table of Contents Block<\/h3>\n\n\n\n<p>The TOC block is designed to pull headings from the &#8220;current&#8221; post or page. <strong>It&#8217;s not designed to pull headings from outside content<\/strong>, for example, headings that are in your footer, sidebar, or headings added by a hooked element. Headings that are not part of the page or post content are not going to show in your TOC block. It&#8217;s purpose is to find the headings inside of a page or post.<\/p>\n\n\n\n<p>You add the TOC block in a sidebar or in an element that is hooked into a page; however the TOC block will not create navigation for an element or sidebar.  It&#8217;s always looking at the current page content and not any other outside source.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Setting: Search for Headings in Non-static post content?<\/h3>\n\n\n\n<p>Your post content by default, is static and saved in the database as HTML with the headings all part of the content. Some blocks are a little different in that they do not save HTML data but instead save attributes and then render the attributes data into HTML markup that can contain headings on the front end when the post or page is viewed. The setting for &#8220;Search for Headings in Non static post content?&#8221; attempts to capture that content after the render so it can pick up headings that are dynamically generated in your page or post content. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Setting: Search for Headings in Template?<\/h3>\n\n\n\n<p>In Kadence Pro you can use hooked elements to create pages or post templates. The &#8220;search for headings in template&#8221; attempts to find the current custom page or post template you&#8217;ve created using Kadence Pro Elements. If found, any headings in those templates are added to the TOC block. If you are not using a custom template form Kadence Pro Elements this setting will not do anything. <\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading5729_d50e8b-69, .wp-block-kadence-advancedheading.kt-adv-heading5729_d50e8b-69[data-kb-block=\"kb-adv-heading5729_d50e8b-69\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading5729_d50e8b-69 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading5729_d50e8b-69[data-kb-block=\"kb-adv-heading5729_d50e8b-69\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading5729_d50e8b-69 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading5729_d50e8b-69[data-kb-block=\"kb-adv-heading5729_d50e8b-69\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 id=\"exclude-specific-headings\" class=\"kt-adv-heading5729_d50e8b-69 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading5729_d50e8b-69\">Exclude Specific Headings<\/h3>\n\n\n\n<p>By default, the Kadence Table of Contents block will skip certain headings such as Kadence Testimonial Titles and Image Overlay Titles.  In addition, you can manually exclude a heading by simply adding the class <strong>toc-ignore<\/strong> to the block.  This is typically done by going to the Advanced tab for the block, scrolling down to the Advanced section, and adding the class to the <strong>Additional CSS class(es)<\/strong> field.<\/p>\n\n\n\n<p>You can also add additional CSS classes to exclude using a WordPress filter.  Be sure your filter returns a valid array and includes the existing values.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">add_filter('kadence_toc_exclude_classes_array', function($classes){\n  $classes[] = 'my-class-to-exclude';\n  $classes[] = 'my-other-class-to-exclude';\n  return $classes;\n},10, 1);<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>The table of contents block allows you to quickly navigate to the headings within your post or page by automatically creating anchor links to those headings. You can either add the TOC block after you\u2019ve created your content, or you can add it at the beginning. Either way, the block will recognize your&nbsp;headings automatically. To&#8230;<\/p>\n","protected":false},"author":103622,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"doc_category":[421],"doc_tag":[],"knowledge_base":[7],"class_list":["post-5729","docs","type-docs","status-publish","hentry","doc_category-kadence-blocks","knowledge_base-kadence-blocks"],"year_month":"2026-04","word_count":846,"total_views":"8220","reactions":{"happy":"1","normal":"1","sad":"0"},"author_info":{"display_name":"Kevin","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/kromarek\/"},"doc_category_info":[{"term_name":"Kadence Blocks","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-blocks\/kadence-blocks\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Kadence Blocks","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-blocks\/","term_slug":"kadence-blocks"}],"knowledge_base_slug":["kadence-blocks"],"taxonomy_info":{"doc_category":[{"value":421,"label":"Kadence Blocks"}],"knowledge_base":[{"value":7,"label":"Kadence Blocks"}]},"featured_image_src_large":false,"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/5729","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/users\/103622"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=5729"}],"version-history":[{"count":8,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/5729\/revisions"}],"predecessor-version":[{"id":15733,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/5729\/revisions\/15733"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=5729"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=5729"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=5729"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=5729"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}