{"id":12111,"date":"2025-05-01T13:25:16","date_gmt":"2025-05-01T13:25:16","guid":{"rendered":"https:\/\/www.kadencewp.com\/help-center\/?post_type=docs&#038;p=12111"},"modified":"2026-04-22T16:12:16","modified_gmt":"2026-04-22T16:12:16","password":"","slug":"add-breadcrumbs-to-hooked-elements","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/add-breadcrumbs-to-hooked-elements\/","title":{"rendered":"Adding Kadence Breadcrumbs To Hooked Elements"},"content":{"rendered":"\n<p>If you&#8217;re creating a <strong>Hooked<\/strong> <strong>Element<\/strong> and want to display the <strong>Breadcrumbs<\/strong>, you can do so using a shortcode.  Simply add a <span style=\"text-decoration: underline\">Shortcode block<\/span> in the <em>Gutenberg<\/em> <em>editor<\/em> where you&#8217;d like the Breadcrumbs to appear, then paste this shortcode into the block: <\/p>\n\n\n\n&#091;kadence_breadcrumbs]<\/code>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading12111_621c1d-29, .wp-block-kadence-advancedheading.kt-adv-heading12111_621c1d-29[data-kb-block=\"kb-adv-heading12111_621c1d-29\"]{margin-top:var(--global-kb-spacing-md, 2rem);text-align:center;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading12111_621c1d-29 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading12111_621c1d-29[data-kb-block=\"kb-adv-heading12111_621c1d-29\"] 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-heading12111_621c1d-29 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading12111_621c1d-29[data-kb-block=\"kb-adv-heading12111_621c1d-29\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading12111_621c1d-29 wp-block-kadence-advancedheading has-theme-palette-7-background-color has-background\" data-kb-block=\"kb-adv-heading12111_621c1d-29\"><strong>Hooked<\/strong> <strong>Elements<\/strong> can be unlocked with <a href=\"https:\/\/www.kadencewp.com\/kadence-theme\/theme-kit-pro\/\" target=\"_blank\" rel=\"noreferrer noopener\">Kadence Theme Kit Pro<\/a>.<\/p>\n\n\n<style>.wp-block-kadence-image.kb-image12111_b8bab7-55:not(.kb-specificity-added):not(.kb-extra-specificity-added){margin-bottom:var(--global-kb-spacing-lg, 3rem);}.kb-image12111_b8bab7-55 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image12111_b8bab7-55\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1385\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Breadcrumbs-Shortcode-scaled.jpg\" alt=\"Breadcrumbs Shortcode\" class=\"kb-img wp-image-12112\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Breadcrumbs-Shortcode-scaled.jpg 2560w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Breadcrumbs-Shortcode-300x162.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Breadcrumbs-Shortcode-1024x554.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Breadcrumbs-Shortcode-768x415.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Breadcrumbs-Shortcode-1536x831.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Breadcrumbs-Shortcode-2048x1108.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Breadcrumbs-Shortcode-360x195.jpg 360w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure><\/div>\n\n\n\n<p>This will result in the Kadence Breadcrumbs being displayed on the front end, as shown below.<\/p>\n\n\n<style>.wp-block-kadence-image.kb-image12111_936c65-18:not(.kb-specificity-added):not(.kb-extra-specificity-added){margin-top:var(--global-kb-spacing-xxs, 0.5rem);margin-bottom:var(--global-kb-spacing-lg, 3rem);}.kb-image12111_936c65-18.kb-image-is-ratio-size, .kb-image12111_936c65-18 .kb-image-is-ratio-size{max-width:750px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image12111_936c65-18.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image12111_936c65-18 .kb-image-is-ratio-size{align-self:unset;}.kb-image12111_936c65-18 figure{max-width:750px;}.kb-image12111_936c65-18 .image-is-svg, .kb-image12111_936c65-18 .image-is-svg img{width:100%;}.kb-image12111_936c65-18 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image12111_936c65-18\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1339\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Front-End-breadcrumbs-scaled.jpg\" alt=\"Front End breadcrumbs\" class=\"kb-img wp-image-12113\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Front-End-breadcrumbs-scaled.jpg 2560w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Front-End-breadcrumbs-300x157.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Front-End-breadcrumbs-1024x536.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Front-End-breadcrumbs-768x402.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Front-End-breadcrumbs-1536x804.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Front-End-breadcrumbs-2048x1072.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Front-End-breadcrumbs-360x188.jpg 360w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure><\/div>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading12111_e898ad-0c, .wp-block-kadence-advancedheading.kt-adv-heading12111_e898ad-0c[data-kb-block=\"kb-adv-heading12111_e898ad-0c\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading12111_e898ad-0c mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading12111_e898ad-0c[data-kb-block=\"kb-adv-heading12111_e898ad-0c\"] 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-heading12111_e898ad-0c img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading12111_e898ad-0c[data-kb-block=\"kb-adv-heading12111_e898ad-0c\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading12111_e898ad-0c wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading12111_e898ad-0c\"><em><strong>Note:<\/strong> The shortcode method does not automatically inherit the Breadcrumbs styling from the Customizer.<\/em><br><br>To control placement and styling, place the Shortcode block inside a Section block. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can then use the <strong>Section Block Settings \u2192 General<\/strong> tab to position the Breadcrumbs as needed.<\/li>\n\n\n\n<li>For styling, go to the <strong>Section Block Settings \u2192 Style<\/strong> tab and adjust the link-related <strong>Text Color Settings<\/strong> to override the default breadcrumb link colors.<\/li>\n<\/ul>\n\n\n<style>.kb-image12111_53e91f-44 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image12111_53e91f-44 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2037\" height=\"1198\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Style-Breadcrumbs.gif\" alt=\"Style Breadcrumbs\" class=\"kb-img wp-image-12114\" \/><\/figure>\n\n\n<style>.kb-image12111_ae8e55-7d.kb-image-is-ratio-size, .kb-image12111_ae8e55-7d .kb-image-is-ratio-size{max-width:300px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image12111_ae8e55-7d.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image12111_ae8e55-7d .kb-image-is-ratio-size{align-self:unset;}.kb-image12111_ae8e55-7d figure{max-width:300px;}.kb-image12111_ae8e55-7d .image-is-svg, .kb-image12111_ae8e55-7d .image-is-svg img{width:100%;}.kb-image12111_ae8e55-7d .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image12111_ae8e55-7d\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"802\" height=\"342\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Customized-Results.jpg\" alt=\"Customized Results\" class=\"kb-img wp-image-12115\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Customized-Results.jpg 802w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Customized-Results-300x128.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Customized-Results-768x328.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Customized-Results-360x154.jpg 360w\" sizes=\"auto, (max-width: 802px) 100vw, 802px\" \/><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>If you&#8217;re creating a Hooked Element and want to display the Breadcrumbs, you can do so using a shortcode. Simply add a Shortcode block in the Gutenberg editor where you&#8217;d like the Breadcrumbs to appear, then paste this shortcode into the block: &#091;kadence_breadcrumbs] Hooked Elements can be unlocked with Kadence Theme Kit Pro. This will&#8230;<\/p>\n","protected":false},"author":148263,"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":[405,446],"doc_tag":[],"knowledge_base":[6],"class_list":["post-12111","docs","type-docs","status-publish","hentry","doc_category-theme-advanced","doc_category-hooked-element-guides","knowledge_base-kadence-theme"],"year_month":"2026-04","word_count":137,"total_views":"3134","reactions":{"happy":"0","normal":"1","sad":"4"},"author_info":{"display_name":"victormonk","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/victormonk\/"},"doc_category_info":[{"term_name":"Advanced","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/theme-advanced\/"},{"term_name":"Hooked Element Guides","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/hooked-element-guides\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Kadence Theme","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/","term_slug":"kadence-theme"}],"knowledge_base_slug":["kadence-theme"],"taxonomy_info":{"doc_category":[{"value":405,"label":"Advanced"},{"value":446,"label":"Hooked Element Guides"}],"knowledge_base":[{"value":6,"label":"Kadence Theme"}]},"featured_image_src_large":false,"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/12111","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\/148263"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=12111"}],"version-history":[{"count":37,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/12111\/revisions"}],"predecessor-version":[{"id":12180,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/12111\/revisions\/12180"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=12111"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=12111"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=12111"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=12111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}