{"id":5782,"date":"2022-07-11T01:06:42","date_gmt":"2022-07-11T01:06:42","guid":{"rendered":"https:\/\/www.kadencewp.com\/help-center\/?post_type=docs&#038;p=5782"},"modified":"2026-04-22T16:36:53","modified_gmt":"2026-04-22T16:36:53","password":"","slug":"dynamic-html-block","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/dynamic-html-block\/","title":{"rendered":"Dynamic HTML Block"},"content":{"rendered":"\n<p>Kadence offers the Dynamic HTML Block. This block allows you to display Content Dynamically. You can use default content, such as the Post Title and Post Content, or you can use Custom Field Content from ACF (advanced custom fields) or MetaBox. Below we will go over how you can use the Dynamic HTML Block to display content Dynamically.<\/p>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id5782_ef0160-98 .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-id5782_ef0160-98 .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-id5782_ef0160-98 .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id5782_ef0160-98 .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<h2 class=\"wp-block-heading\">What Is Dynamic Content?<\/h2>\n\n\n\n<p>Dynamic Content is a type of content that changes depending on different factors. For example, a Post Title is Dynamic. Whenever you view a post on WordPress, you see the Title of the post. If you go to another Post, it will have a different Title. You can use the Post Title as a Dynamic Source in the Dynamic HTML Block. This would show the Post Title Dynamically based on the Current Post being viewed. This can be useful when creating an <strong><a href=\"https:\/\/www.kadencewp.com\/blog\/introducing-kadence-elements-templates-design-your-site-your-way\/\" target=\"_blank\" rel=\"noreferrer noopener\">Element Template<\/a><\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Using The Dynamic HTML Block<\/h3>\n\n\n\n<p>You can use the Dynamic HTML Block by adding the Block to your Post, Page, or Element. <\/p>\n\n\n<style>.kb-image5782_f278d4-bd.kb-image-is-ratio-size, .kb-image5782_f278d4-bd .kb-image-is-ratio-size{max-width:300px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image5782_f278d4-bd.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image5782_f278d4-bd .kb-image-is-ratio-size{align-self:unset;}.kb-image5782_f278d4-bd figure{max-width:300px;}.kb-image5782_f278d4-bd .image-is-svg, .kb-image5782_f278d4-bd .image-is-svg img{width:100%;}.kb-image5782_f278d4-bd .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image5782_f278d4-bd\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"685\" height=\"670\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Add-Block.jpg\" alt=\"Add New Dynamic HTML Block\" class=\"kb-img wp-image-7106\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Add-Block.jpg 685w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Add-Block-300x293.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Add-Block-360x352.jpg 360w\" sizes=\"auto, (max-width: 685px) 100vw, 685px\" \/><\/figure><\/div>\n\n\n\n<p>Then you can use the Block Settings to customize your Dynamic HTML Block.<\/p>\n\n\n<style>.kb-image5782_2a96de-86 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image5782_2a96de-86\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1410\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Dynamic-HTML-Block-Settings-scaled.jpg\" alt=\"Dynamic HTML Block Settings\" class=\"kb-img wp-image-7107\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Dynamic-HTML-Block-Settings-scaled.jpg 2560w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Dynamic-HTML-Block-Settings-300x165.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Dynamic-HTML-Block-Settings-1024x564.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Dynamic-HTML-Block-Settings-768x423.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Dynamic-HTML-Block-Settings-360x198.jpg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Dynamic-HTML-Block-Settings-1536x846.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Dynamic-HTML-Block-Settings-2048x1128.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">General Settings<\/h4>\n\n\n\n<p>The General Settings control where your Dynamic Content comes from and what is used.<\/p>\n\n\n<style>.kb-row-layout-id5782_921327-7c > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id5782_921327-7c > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id5782_921327-7c > .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-id5782_921327-7c > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id5782_921327-7c > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id5782_921327-7c > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id5782_921327-7c 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-column5782_8c67be-de > .kt-inside-inner-col,.kadence-column5782_8c67be-de > .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-column5782_8c67be-de > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column5782_8c67be-de > .kt-inside-inner-col{flex-direction:column;}.kadence-column5782_8c67be-de > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column5782_8c67be-de > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column5782_8c67be-de{position:relative;}@media all and (max-width: 1024px){.kadence-column5782_8c67be-de > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column5782_8c67be-de > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column5782_8c67be-de\"><div class=\"kt-inside-inner-col\">\n<p><strong>Source:<\/strong> This is your Dynamic Source. By default, this will be set to Current Post, and in most cases, you want to leave this as Current Post. However, you can change this to use content from a specific post instead.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column5782_d9649f-b2 > .kt-inside-inner-col,.kadence-column5782_d9649f-b2 > .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-column5782_d9649f-b2 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column5782_d9649f-b2 > .kt-inside-inner-col{flex-direction:column;}.kadence-column5782_d9649f-b2 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column5782_d9649f-b2 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column5782_d9649f-b2{position:relative;}@media all and (max-width: 1024px){.kadence-column5782_d9649f-b2 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column5782_d9649f-b2 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column5782_d9649f-b2\"><div class=\"kt-inside-inner-col\"><style>.kb-image5782_1f2fd2-10.kb-image-is-ratio-size, .kb-image5782_1f2fd2-10 .kb-image-is-ratio-size{max-width:275px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image5782_1f2fd2-10.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image5782_1f2fd2-10 .kb-image-is-ratio-size{align-self:unset;}.kb-image5782_1f2fd2-10 figure{max-width:275px;}.kb-image5782_1f2fd2-10 .image-is-svg, .kb-image5782_1f2fd2-10 .image-is-svg img{width:100%;}.kb-image5782_1f2fd2-10 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image5782_1f2fd2-10\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"558\" height=\"318\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Source.jpg\" alt=\"Source\" class=\"kb-img wp-image-7108\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Source.jpg 558w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Source-300x171.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Source-360x205.jpg 360w\" sizes=\"auto, (max-width: 558px) 100vw, 558px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id5782_d7d4a6-cf > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id5782_d7d4a6-cf > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id5782_d7d4a6-cf > .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-id5782_d7d4a6-cf > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id5782_d7d4a6-cf > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id5782_d7d4a6-cf > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id5782_d7d4a6-cf 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-column5782_e13ffa-cc > .kt-inside-inner-col,.kadence-column5782_e13ffa-cc > .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-column5782_e13ffa-cc > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column5782_e13ffa-cc > .kt-inside-inner-col{flex-direction:column;}.kadence-column5782_e13ffa-cc > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column5782_e13ffa-cc > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column5782_e13ffa-cc{position:relative;}@media all and (max-width: 1024px){.kadence-column5782_e13ffa-cc > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column5782_e13ffa-cc > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column5782_e13ffa-cc\"><div class=\"kt-inside-inner-col\">\n<p><strong>HTML Content:<\/strong> This Block Setting is the setting that determines what kind of Dynamic Content is shown. <br><br><em>Available Sources:<\/em><br><strong>Post &#8211; <\/strong>Post Title, Post Content, Post Excerpt, Post Date, Post Last Modified Date, or Post Custom Field.<br><br><strong>Archive &#8211;<\/strong> Archive Title, Archive Description, or Archive Custom Field.<br><br><strong>Site &#8211;<\/strong> Site Title, Site Tagline, Site URL, Page Title, Current User Display Name, or Site Custom Setting.<br><br><strong>Author &#8211;<\/strong> Author Display Name Author First Name Author Last Name Author Bio Info or Author Custom Field.<br><br><strong>Meta Relationship &#8211;<\/strong> Post Title, Post Content, Post Excerpt, or Post Custom Field.<br><br><br><br><br><\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column5782_04512e-84 > .kt-inside-inner-col,.kadence-column5782_04512e-84 > .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-column5782_04512e-84 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column5782_04512e-84 > .kt-inside-inner-col{flex-direction:column;}.kadence-column5782_04512e-84 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column5782_04512e-84 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column5782_04512e-84{position:relative;}@media all and (max-width: 1024px){.kadence-column5782_04512e-84 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column5782_04512e-84 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column5782_04512e-84\"><div class=\"kt-inside-inner-col\"><style>.kb-image5782_0de4d2-99.kb-image-is-ratio-size, .kb-image5782_0de4d2-99 .kb-image-is-ratio-size{max-width:275px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image5782_0de4d2-99.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image5782_0de4d2-99 .kb-image-is-ratio-size{align-self:unset;}.kb-image5782_0de4d2-99 figure{max-width:275px;}.kb-image5782_0de4d2-99 .image-is-svg, .kb-image5782_0de4d2-99 .image-is-svg img{width:100%;}.kb-image5782_0de4d2-99 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image5782_0de4d2-99\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"546\" height=\"194\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/HTML-Content.jpg\" alt=\"HTML Content\" class=\"kb-img wp-image-7109\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/HTML-Content.jpg 546w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/HTML-Content-300x107.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/HTML-Content-360x128.jpg 360w\" sizes=\"auto, (max-width: 546px) 100vw, 546px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id5782_dd65cb-01 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id5782_dd65cb-01 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id5782_dd65cb-01 > .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);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id5782_dd65cb-01 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id5782_dd65cb-01 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id5782_dd65cb-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id5782_dd65cb-01 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-column5782_65dc45-59 > .kt-inside-inner-col,.kadence-column5782_65dc45-59 > .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-column5782_65dc45-59 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column5782_65dc45-59 > .kt-inside-inner-col{flex-direction:column;}.kadence-column5782_65dc45-59 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column5782_65dc45-59 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column5782_65dc45-59{position:relative;}@media all and (max-width: 1024px){.kadence-column5782_65dc45-59 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column5782_65dc45-59 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column5782_65dc45-59\"><div class=\"kt-inside-inner-col\">\n<p><strong>Container HTML Tag:<\/strong> This Block Setting controls the HTML Tag used for this Dynamic Content. For example, you can use a header, section, article, main, aside, or footer HTML Element to nest your Dynamic HTML Block Content.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column5782_fc2226-b5 > .kt-inside-inner-col,.kadence-column5782_fc2226-b5 > .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-column5782_fc2226-b5 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column5782_fc2226-b5 > .kt-inside-inner-col{flex-direction:column;}.kadence-column5782_fc2226-b5 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column5782_fc2226-b5 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column5782_fc2226-b5{position:relative;}@media all and (max-width: 1024px){.kadence-column5782_fc2226-b5 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column5782_fc2226-b5 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column5782_fc2226-b5\"><div class=\"kt-inside-inner-col\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"564\" height=\"353\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/09\/container-html-tag-edited.png\" alt=\"\" class=\"wp-image-7110\" style=\"width:282px\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/09\/container-html-tag-edited.png 564w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/09\/container-html-tag-edited-300x188.png 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/09\/container-html-tag-edited-360x225.png 360w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/><\/figure><\/div><\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id5782_c7044e-d1 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id5782_c7044e-d1 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id5782_c7044e-d1 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id5782_c7044e-d1 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id5782_c7044e-d1 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id5782_c7044e-d1 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id5782_c7044e-d1 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-column5782_b917ec-b3 > .kt-inside-inner-col,.kadence-column5782_b917ec-b3 > .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-column5782_b917ec-b3 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column5782_b917ec-b3 > .kt-inside-inner-col{flex-direction:column;}.kadence-column5782_b917ec-b3 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column5782_b917ec-b3 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column5782_b917ec-b3{position:relative;}@media all and (max-width: 1024px){.kadence-column5782_b917ec-b3 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column5782_b917ec-b3 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column5782_b917ec-b3\"><div class=\"kt-inside-inner-col\">\n<p><strong>Use Inner Tag Wrap:<\/strong> If you would like to apply specific HTML tags to the entire Dynamic HTML Block, you can do so with the Use Inner Tag Wrap. For example, if you set this to H1, your theme&#8217;s H1 styles would be set to the entire block.<\/p>\n\n\n\n<p class=\"has-small-font-size\">Note: Selecting H1-H6 will apply the global settings for these heading tags. You can customize this using the <a href=\"#heading-typography-settings\">heading typography settings<\/a>.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column5782_702416-58 > .kt-inside-inner-col,.kadence-column5782_702416-58 > .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-column5782_702416-58 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column5782_702416-58 > .kt-inside-inner-col{flex-direction:column;}.kadence-column5782_702416-58 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column5782_702416-58 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column5782_702416-58{position:relative;}@media all and (max-width: 1024px){.kadence-column5782_702416-58 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column5782_702416-58 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column5782_702416-58\"><div class=\"kt-inside-inner-col\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"534\" height=\"486\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/use-inner-tag-wrap.png\" alt=\"\" class=\"wp-image-5787\" style=\"width:267px;height:243px\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/use-inner-tag-wrap.png 534w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/use-inner-tag-wrap-300x273.png 300w\" sizes=\"auto, (max-width: 534px) 100vw, 534px\" \/><\/figure><\/div><\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id5782_b48082-21 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id5782_b48082-21 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id5782_b48082-21 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id5782_b48082-21 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id5782_b48082-21 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id5782_b48082-21 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id5782_b48082-21 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-column5782_3730cf-a1 > .kt-inside-inner-col,.kadence-column5782_3730cf-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-column5782_3730cf-a1 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column5782_3730cf-a1 > .kt-inside-inner-col{flex-direction:column;}.kadence-column5782_3730cf-a1 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column5782_3730cf-a1 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column5782_3730cf-a1{position:relative;}@media all and (max-width: 1024px){.kadence-column5782_3730cf-a1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column5782_3730cf-a1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column5782_3730cf-a1\"><div class=\"kt-inside-inner-col\">\n<p><strong>Content Modification: <\/strong>These settings allow you to modify the content displayed from your Dynamic HTML Block.<br><br>You can set a Max Word Count for content such as Excerpts.<br><br>You can also enable the option to Strip HTML. This removes all HTML Tags from the content.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column5782_53c391-8f > .kt-inside-inner-col,.kadence-column5782_53c391-8f > .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-column5782_53c391-8f > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column5782_53c391-8f > .kt-inside-inner-col{flex-direction:column;}.kadence-column5782_53c391-8f > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column5782_53c391-8f > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column5782_53c391-8f{position:relative;}@media all and (max-width: 1024px){.kadence-column5782_53c391-8f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column5782_53c391-8f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column5782_53c391-8f\"><div class=\"kt-inside-inner-col\"><style>.kb-image5782_b187d7-28.kb-image-is-ratio-size, .kb-image5782_b187d7-28 .kb-image-is-ratio-size{max-width:297px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image5782_b187d7-28.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image5782_b187d7-28 .kb-image-is-ratio-size{align-self:unset;}.kb-image5782_b187d7-28 figure{max-width:297px;}.kb-image5782_b187d7-28 .image-is-svg, .kb-image5782_b187d7-28 .image-is-svg img{width:100%;}.kb-image5782_b187d7-28 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image5782_b187d7-28\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"550\" height=\"294\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Content-Modification.jpg\" alt=\"Content Modification\" class=\"kb-img wp-image-7921\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Content-Modification.jpg 550w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Content-Modification-300x160.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Content-Modification-360x192.jpg 360w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<h4 class=\"wp-block-heading\">Style Settings<\/h4>\n\n\n\n<p>The Style Settings allow you to customize the Style of your Dynamic HTML.<\/p>\n\n\n<style>.kb-row-layout-id5782_625906-f6 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id5782_625906-f6 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id5782_625906-f6 > .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-id5782_625906-f6 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id5782_625906-f6 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id5782_625906-f6 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id5782_625906-f6 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-column5782_ef96cb-e2 > .kt-inside-inner-col,.kadence-column5782_ef96cb-e2 > .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-column5782_ef96cb-e2 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column5782_ef96cb-e2 > .kt-inside-inner-col{flex-direction:column;}.kadence-column5782_ef96cb-e2 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column5782_ef96cb-e2 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column5782_ef96cb-e2{position:relative;}@media all and (max-width: 1024px){.kadence-column5782_ef96cb-e2 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column5782_ef96cb-e2 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column5782_ef96cb-e2\"><div class=\"kt-inside-inner-col\">\n<p><strong>Content Alignment:<\/strong> Content alignment can be set for the entire block per device. This means you can set different alignments for the entire block separately for desktop, mobile, and tablet devices. <\/p>\n\n\n\n<p><strong>Text Color:<\/strong> If you&#8217;d like to specifically set the text color for the Dynamic HTML Block instead of inheriting it from your theme settings, you can do so with the Text Color setting.<\/p>\n\n\n\n<p><strong>Heading Color:<\/strong> If you&#8217;d like to specifically set the heading color for the Dynamic HTML Block instead of inheriting from your theme settings, you can do so with the Heading Color setting. This will apply to any heading tags (e.g., H1, H2, H3, etc.) that were set by the user adding content to the custom post field. <br><br><strong>Link Color: <\/strong>If links are added to the Dynamic HTML Block and you&#8217;d like to specifically set the link colors for both normal and hover for the Dynamic HTML Block instead of inheriting from your theme settings, you can do so with the Link Color setting.<br><br><strong>Link Style: <\/strong>If links are added to the Dynamic HTML Block and you&#8217;d like to specifically set the link style for the Dynamic HTML Block instead of inheriting from your theme settings, you can do so with the Link Style setting. Options include Unset, None, Underline, and Underline on Hover.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column5782_be9e9e-5c > .kt-inside-inner-col{display:flex;}.kadence-column5782_be9e9e-5c > .kt-inside-inner-col,.kadence-column5782_be9e9e-5c > .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-column5782_be9e9e-5c > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column5782_be9e9e-5c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column5782_be9e9e-5c > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column5782_be9e9e-5c{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column5782_be9e9e-5c{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column5782_be9e9e-5c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column5782_be9e9e-5c > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column5782_be9e9e-5c{position:relative;}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column5782_be9e9e-5c{align-self:center;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column5782_be9e9e-5c{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column5782_be9e9e-5c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 1024px){.kadence-column5782_be9e9e-5c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column5782_be9e9e-5c{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column5782_be9e9e-5c{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column5782_be9e9e-5c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column5782_be9e9e-5c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column5782_be9e9e-5c\"><div class=\"kt-inside-inner-col\"><style>.kb-image5782_af1a91-9c.kb-image-is-ratio-size, .kb-image5782_af1a91-9c .kb-image-is-ratio-size{max-width:275px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image5782_af1a91-9c.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image5782_af1a91-9c .kb-image-is-ratio-size{align-self:unset;}.kb-image5782_af1a91-9c figure{max-width:275px;}.kb-image5782_af1a91-9c .image-is-svg, .kb-image5782_af1a91-9c .image-is-svg img{width:100%;}.kb-image5782_af1a91-9c .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image5782_af1a91-9c\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"562\" height=\"826\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Sty-Settings.jpg\" alt=\"Style Settings\" class=\"kb-img wp-image-7111\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Sty-Settings.jpg 562w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Sty-Settings-204x300.jpg 204w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Sty-Settings-348x512.jpg 348w\" sizes=\"auto, (max-width: 562px) 100vw, 562px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id5782_88f37b-c7 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id5782_88f37b-c7 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id5782_88f37b-c7 > .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-id5782_88f37b-c7 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id5782_88f37b-c7 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id5782_88f37b-c7 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id5782_88f37b-c7 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-column5782_231f11-f3 > .kt-inside-inner-col,.kadence-column5782_231f11-f3 > .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-column5782_231f11-f3 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column5782_231f11-f3 > .kt-inside-inner-col{flex-direction:column;}.kadence-column5782_231f11-f3 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column5782_231f11-f3 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column5782_231f11-f3{position:relative;}@media all and (max-width: 1024px){.kadence-column5782_231f11-f3 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column5782_231f11-f3 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column5782_231f11-f3\"><div class=\"kt-inside-inner-col\">\n<p><strong>Font Size:<\/strong> Font size can be set using a preset or by entering a numeric value for px, em, or rem. Font size can be set for desktop, tablet, or mobile. <\/p>\n\n\n\n<p><strong>Line Height:<\/strong> Line Height can be set either by entering a numeric value for px, em, or rem. Font size can be set for desktop, tablet, or mobile. You can click on the Desktop Icon to see the Tablet and Mobile Responsive Settings.<br><br><strong>Letter Case:<\/strong> You can set your Letter Case to AB, aa, or Ab.<br><br><strong>Font Family:<\/strong> Font family can be set for this individual block if you&#8217;d like to transform it separate from your overall theme settings. <br><br><strong>Font Weight:<\/strong> Font weight can be set for this individual block if you&#8217;d like to transform it separate from your overall theme settings. <\/p>\n\n\n\n<p id=\"heading-typography-settings\"><strong>Letter Spacing:<\/strong> Letter Spacing can be set by entering in a numeric value for px, em or rem. Letter Spacing can be set for desktop, tablet or mobile. <br><br><strong>Heading Typography Settings<\/strong> &#8211; For each of the headline typography settings, you can override your overall theme settings for the Dynamic HTML Block individually. First, toggle the typography settings for whichever HTML headline tag you&#8217;d like to set (e.g., H1, H2, H3, etc.) and you will then be able to set font size, line height, letter spacing for each headline tag you&#8217;d like, and you can do so on a per-device basis. <br><br><\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column5782_03e5be-a0 > .kt-inside-inner-col{display:flex;}.kadence-column5782_03e5be-a0 > .kt-inside-inner-col,.kadence-column5782_03e5be-a0 > .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-column5782_03e5be-a0 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column5782_03e5be-a0 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column5782_03e5be-a0 > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column5782_03e5be-a0{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column5782_03e5be-a0{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column5782_03e5be-a0 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column5782_03e5be-a0 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column5782_03e5be-a0{position:relative;}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column5782_03e5be-a0{align-self:center;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column5782_03e5be-a0{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column5782_03e5be-a0 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 1024px){.kadence-column5782_03e5be-a0 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column5782_03e5be-a0{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column5782_03e5be-a0{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column5782_03e5be-a0 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column5782_03e5be-a0 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column5782_03e5be-a0\"><div class=\"kt-inside-inner-col\"><style>.kb-image5782_9a0530-d0.kb-image-is-ratio-size, .kb-image5782_9a0530-d0 .kb-image-is-ratio-size{max-width:275px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image5782_9a0530-d0.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image5782_9a0530-d0 .kb-image-is-ratio-size{align-self:unset;}.kb-image5782_9a0530-d0 figure{max-width:275px;}.kb-image5782_9a0530-d0 .image-is-svg, .kb-image5782_9a0530-d0 .image-is-svg img{width:100%;}.kb-image5782_9a0530-d0 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image5782_9a0530-d0\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"552\" height=\"1462\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Typography-Settings.jpg\" alt=\"Typography Settings\" class=\"kb-img wp-image-7112\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Typography-Settings.jpg 552w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Typography-Settings-113x300.jpg 113w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Typography-Settings-387x1024.jpg 387w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Typography-Settings-193x512.jpg 193w\" sizes=\"auto, (max-width: 552px) 100vw, 552px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<h4 class=\"wp-block-heading\">Advanced Settings<\/h4>\n\n\n\n<p>The Advanced Block Settings allow you to adjust more advanced settings for the Dynamic HTML Block.<\/p>\n\n\n<style>.kb-row-layout-id5782_ae9e5a-c9 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id5782_ae9e5a-c9 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id5782_ae9e5a-c9 > .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-id5782_ae9e5a-c9 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id5782_ae9e5a-c9 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id5782_ae9e5a-c9 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id5782_ae9e5a-c9 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-column5782_f3b7b0-01 > .kt-inside-inner-col,.kadence-column5782_f3b7b0-01 > .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-column5782_f3b7b0-01 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column5782_f3b7b0-01 > .kt-inside-inner-col{flex-direction:column;}.kadence-column5782_f3b7b0-01 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column5782_f3b7b0-01 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column5782_f3b7b0-01{position:relative;}@media all and (max-width: 1024px){.kadence-column5782_f3b7b0-01 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column5782_f3b7b0-01 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column5782_f3b7b0-01\"><div class=\"kt-inside-inner-col\">\n<p><strong>Padding: <\/strong>Padding settings can be set for the Dynamic HTML Block much like they are set for other blocks. You can set padding for each device type (desktop, tablet, mobile) and set the padding for top, right, bottom, or left. <br><br><strong>Margin:<\/strong> Margin settings can be set for the Dynamic HTML Block much like they are set for other blocks. You can set margins for each device type (desktop, tablet, mobile) and set the margin for top, right, bottom, or left. <br><br><strong>Block Defaults:<\/strong> You can save your Block Settings as the <strong><a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/setting-block-defaults\/\" target=\"_blank\" rel=\"noreferrer noopener\">Block Default<\/a><\/strong>.<br><br><strong>HTML Anchor:<\/strong> You can add an HTML Anchor ID to your Dynamic HTML Block.<br><br><strong>Additional CSS Class(es):<\/strong> You can add a CSS Class or multiple CSS Classes to your Dynamic HTML Block.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column5782_fa76c2-95 > .kt-inside-inner-col{display:flex;}.kadence-column5782_fa76c2-95 > .kt-inside-inner-col,.kadence-column5782_fa76c2-95 > .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-column5782_fa76c2-95 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column5782_fa76c2-95 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column5782_fa76c2-95 > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column5782_fa76c2-95{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column5782_fa76c2-95{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column5782_fa76c2-95 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column5782_fa76c2-95 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column5782_fa76c2-95{position:relative;}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column5782_fa76c2-95{align-self:center;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column5782_fa76c2-95{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column5782_fa76c2-95 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 1024px){.kadence-column5782_fa76c2-95 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column5782_fa76c2-95{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column5782_fa76c2-95{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column5782_fa76c2-95 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column5782_fa76c2-95 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column5782_fa76c2-95\"><div class=\"kt-inside-inner-col\"><style>.kb-image5782_57ffb0-72.kb-image-is-ratio-size, .kb-image5782_57ffb0-72 .kb-image-is-ratio-size{max-width:275px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image5782_57ffb0-72.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image5782_57ffb0-72 .kb-image-is-ratio-size{align-self:unset;}.kb-image5782_57ffb0-72 figure{max-width:275px;}.kb-image5782_57ffb0-72 .image-is-svg, .kb-image5782_57ffb0-72 .image-is-svg img{width:100%;}.kb-image5782_57ffb0-72 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image5782_57ffb0-72\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"546\" height=\"1632\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Advanced-Settings.jpg\" alt=\"Advanced Settings\" class=\"kb-img wp-image-7113\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Advanced-Settings.jpg 546w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Advanced-Settings-100x300.jpg 100w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Advanced-Settings-343x1024.jpg 343w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Advanced-Settings-171x512.jpg 171w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/07\/Advanced-Settings-514x1536.jpg 514w\" sizes=\"auto, (max-width: 546px) 100vw, 546px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Kadence offers the Dynamic HTML Block. This block allows you to display Content Dynamically. You can use default content, such as the Post Title and Post Content, or you can use Custom Field Content from ACF (advanced custom fields) or MetaBox. Below we will go over how you can use the Dynamic HTML Block to&#8230;<\/p>\n","protected":false},"author":133936,"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":[418],"doc_tag":[],"knowledge_base":[7],"class_list":["post-5782","docs","type-docs","status-publish","hentry","doc_category-blocks-pro","knowledge_base-kadence-blocks"],"year_month":"2026-04","word_count":1095,"total_views":"10307","reactions":{"happy":"1","normal":"1","sad":"2"},"author_info":{"display_name":"Kathy Zant","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/kathyzantithemes\/"},"doc_category_info":[{"term_name":"Kadence Blocks Pro","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-blocks\/blocks-pro\/"}],"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":418,"label":"Kadence Blocks Pro"}],"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\/5782","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\/133936"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=5782"}],"version-history":[{"count":11,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/5782\/revisions"}],"predecessor-version":[{"id":12342,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/5782\/revisions\/12342"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=5782"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=5782"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=5782"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=5782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}