{"id":6719,"date":"2023-04-11T18:04:04","date_gmt":"2023-04-11T18:04:04","guid":{"rendered":"https:\/\/www.kadencewp.com\/help-center\/?post_type=docs&#038;p=6719"},"modified":"2026-04-22T14:44:37","modified_gmt":"2026-04-22T14:44:37","password":"","slug":"replace-the-footer","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/replace-the-footer\/","title":{"rendered":"How to Replace the Footer Using a Kadence Element"},"content":{"rendered":"\n<p>Kadence understands the importance of having a website that is up-to-date and looks professional. Unfortunately, sometimes it can be difficult to make changes to the footer of a website beyond the capabilities of the footer builder. While the footer builder in the theme customizer is a robust tool, you can replace it with an element if you need custom layouts, blocks, or functionality beyond its abilities. The advantage of replacing your footer with a Kadence element is that you edit the footer with the Gutenberg editor. The main disadvantage is that the footer builder settings don&#8217;t apply to an element that replaces the footer. <strong>This feature is only available to Kadence Theme Kit Pro users.<\/strong><\/p>\n\n\n\n<p>If you aren&#8217;t familiar with Kadence Elements, refer to our document on <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/how-to-use-element-hooks\/\" data-type=\"docs\" data-id=\"1038\" target=\"_blank\" rel=\"noreferrer noopener\">How to Use Element Hooks<\/a>. For our current purposes, create a new <strong>Content Section<\/strong> element.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"218\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/image.png\" alt=\"\" class=\"wp-image-6720\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/image.png 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/image-300x64.png 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/image-768x164.png 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/image-360x77.png 360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"504\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/image-1-1024x504.png\" alt=\"\" class=\"wp-image-6721\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/image-1-1024x504.png 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/image-1-300x148.png 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/image-1-768x378.png 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/image-1-360x177.png 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/image-1.png 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\">Placement Settings<\/h2>\n\n\n\n<p>You can place the element in a specific location when you select a content element type. For this example, set the Placement to <strong>Replace Footer<\/strong>. <\/p>\n\n\n<style>.kb-image6719_55b6b0-65 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image6719_55b6b0-65\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"497\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/Element-Replace-Footer-1024x497.jpeg\" alt=\"Element Replace Footer\" class=\"kb-img wp-image-6722\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/Element-Replace-Footer-1024x497.jpeg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/Element-Replace-Footer-300x146.jpeg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/Element-Replace-Footer-768x373.jpeg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/Element-Replace-Footer-360x175.jpeg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/Element-Replace-Footer-1536x745.jpeg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/Element-Replace-Footer.jpeg 1700w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Display Settings<\/h2>\n\n\n\n<p>The next important setting is where the element shows. Set the element to show on the Entire site if you want the footer to appear on every page. You can create multiple elements for several footers to display on specific pages throughout your site. For example, you can design one footer for the front page and a different footer for the blog page.<\/p>\n\n\n<style>.kb-image6719_4603f1-28 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image6719_4603f1-28 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"459\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/Element-Display-Settings-1024x459.jpeg\" alt=\"Element Display Settings\" class=\"kb-img wp-image-6728\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/Element-Display-Settings-1024x459.jpeg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/Element-Display-Settings-300x135.jpeg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/Element-Display-Settings-768x345.jpeg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/Element-Display-Settings-360x162.jpeg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/Element-Display-Settings-1536x689.jpeg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/Element-Display-Settings.jpeg 1676w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Design and Publish<\/h2>\n\n\n\n<p>After you design your element, publish it to replace the footer of your site. Your footer will display according to placement, display, user, and device settings. <\/p>\n\n\n<style>.kb-image6719_17257e-02 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image6719_17257e-02\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"500\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/Footer-design-1024x500.jpeg\" alt=\"Footer design\" class=\"kb-img wp-image-6724\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/Footer-design-1024x500.jpeg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/Footer-design-300x146.jpeg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/Footer-design-768x375.jpeg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/Footer-design-360x176.jpeg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/Footer-design-1536x749.jpeg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/Footer-design.jpeg 1699w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Footer design<\/figcaption><\/figure><\/div>\n\n\n<style>.kb-image6719_52ed00-a2 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image6719_52ed00-a2\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1679\" height=\"720\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/Element-Replaces-Footer-Final.gif\" alt=\"Element Replaces Footer Final\" class=\"kb-img wp-image-6725\" \/><figcaption>Element Replaces Footer<\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"add-copyright-and-current-year-in-the-Hooked-element\">Add copyright and current year in the Hooked element<\/h2>\n\n\n\n<p>When building a custom footer with Kadence Elements and assigning it via Display Conditions, note that certain <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/how-to-customize-the-kadence-footer\/#copyright\">placeholders<\/a> (such as {copyright} {year}) only render dynamically when used within the default Kadence Theme footer builder.<\/p>\n\n\n\n<p>If these placeholders are added directly into a block inside a custom footer, they will appear as plain text rather than dynamic values. To achieve the same effect, you can use the<strong> Dynamic Content feature<\/strong> to insert the current year, site title, and other variables.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Add a <strong>Text (Adv)<\/strong> block to your custom footer.<\/li>\n\n\n\n<li>Copy and paste the copyright symbol <strong>\u00a9<\/strong> into the block.<\/li>\n\n\n\n<li>In the block\u2019s top toolbar, click the <strong>Dynamic Content<\/strong> icon.<\/li>\n\n\n\n<li>From the options, insert the dynamic value for <strong>Current Year<\/strong>.<\/li>\n\n\n\n<li>Insert the dynamic value for <strong>Site Title<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p>This will display the copyright symbol, the current year, and your site title automatically, keeping your footer up to date without manual changes.<\/p>\n\n\n<style>.kb-image6719_5ed9dd-3f .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image6719_5ed9dd-3f size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"700\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/04\/Footer-copyright.gif\" alt=\"\" class=\"kb-img wp-image-14462\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Kadence understands the importance of having a website that is up-to-date and looks professional. Unfortunately, sometimes it can be difficult to make changes to the footer of a website beyond the capabilities of the footer builder. While the footer builder in the theme customizer is a robust tool, you can replace it with an element&#8230;<\/p>\n","protected":false},"author":143301,"featured_media":0,"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":[446],"doc_tag":[],"knowledge_base":[6],"class_list":["post-6719","docs","type-docs","status-publish","hentry","doc_category-hooked-element-guides","knowledge_base-kadence-theme"],"year_month":"2026-07","word_count":425,"total_views":"7085","reactions":{"happy":"0","normal":"0","sad":"1"},"author_info":{"display_name":"gilberthernandez","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/gilberthernandez\/"},"doc_category_info":[{"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":446,"label":"Hooked Element Guides"}],"knowledge_base":[{"value":6,"label":"Kadence Theme"}]},"featured_image_src_large":false,"comment_info":"","_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/6719","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\/143301"}],"version-history":[{"count":10,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/6719\/revisions"}],"predecessor-version":[{"id":15822,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/6719\/revisions\/15822"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=6719"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=6719"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=6719"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=6719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}