{"id":602,"date":"2019-02-01T20:33:00","date_gmt":"2019-02-01T20:33:00","guid":{"rendered":"https:\/\/www.kadenceblocks.com\/?post_type=ht_kb&#038;p=602"},"modified":"2025-12-29T17:14:43","modified_gmt":"2025-12-29T17:14:43","password":"","slug":"info-box-block","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/info-box-block\/","title":{"rendered":"Info Box Block"},"content":{"rendered":"\n<p>The <strong>Kadence<\/strong> <strong>Info<\/strong> <strong>Box<\/strong> <strong>Block<\/strong> is a <strong>free<\/strong> <strong>Kadence<\/strong> <strong>Block<\/strong> designed to help you showcase key information with style and clarity. Whether you&#8217;re highlighting services, features, team members, or resource links, this block allows you to pair icons or images with text and optional call\u2011to\u2011action links. Everything is fully customizable right within the WordPress block editor.<\/p>\n\n\n<style>.kb-image602_38a738-dc.kb-image-is-ratio-size, .kb-image602_38a738-dc .kb-image-is-ratio-size{max-width:750px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image602_38a738-dc.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image602_38a738-dc .kb-image-is-ratio-size{align-self:unset;}.kb-image602_38a738-dc figure{max-width:750px;}.kb-image602_38a738-dc .image-is-svg, .kb-image602_38a738-dc .image-is-svg img{width:100%;}.kb-image602_38a738-dc .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image602_38a738-dc\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1231\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Info-Boxes-Example-scaled.jpg\" alt=\"Info Boxes Example\" class=\"kb-img wp-image-16510\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Info-Boxes-Example-scaled.jpg 2560w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Info-Boxes-Example-300x144.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Info-Boxes-Example-1024x493.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Info-Boxes-Example-768x369.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Info-Boxes-Example-1536x739.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Info-Boxes-Example-2048x985.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Info-Boxes-Example-360x173.jpg 360w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure><\/div>\n\n\n\n<p>With options for layout, colors, typography, hover effects, and responsiveness, the Info Box Block gives you the flexibility and control to create engaging content sections that perfectly fit your site&#8217;s design.<\/p>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id602_fc4652-0a .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-id602_fc4652-0a .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-id602_fc4652-0a .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id602_fc4652-0a .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<style>.wp-block-kadence-advancedheading.kt-adv-heading602_abae62-ef, .wp-block-kadence-advancedheading.kt-adv-heading602_abae62-ef[data-kb-block=\"kb-adv-heading602_abae62-ef\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading602_abae62-ef mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading602_abae62-ef[data-kb-block=\"kb-adv-heading602_abae62-ef\"] 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-heading602_abae62-ef img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading602_abae62-ef[data-kb-block=\"kb-adv-heading602_abae62-ef\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading602_abae62-ef wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading602_abae62-ef\">Inserting an Info Box Block<\/h2>\n\n\n\n<p>The first step in using the block is to select and place it where you&#8217;d like it to appear on the page. The block can be found by finding or searching for the <strong>Info<\/strong> <strong>Box<\/strong> block option.<\/p>\n\n\n<style>.kb-image602_ecb766-38.kb-image-is-ratio-size, .kb-image602_ecb766-38 .kb-image-is-ratio-size{max-width:450px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image602_ecb766-38.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image602_ecb766-38 .kb-image-is-ratio-size{align-self:unset;}.kb-image602_ecb766-38 figure{max-width:450px;}.kb-image602_ecb766-38 .image-is-svg, .kb-image602_ecb766-38 .image-is-svg img{width:100%;}.kb-image602_ecb766-38 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image602_ecb766-38\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"666\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/infobox.png\" alt=\"WordPress - insert Info Box block\" class=\"kb-img wp-image-6561\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/infobox.png 900w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/infobox-300x222.png 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/infobox-768x568.png 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/infobox-360x266.png 360w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure><\/div>\n\n\n\n<p>To modify Info Box texts, select them in the editor and make your changes using your keyboard.<\/p>\n\n\n<style>.kb-image602_ad4012-6f.kb-image-is-ratio-size, .kb-image602_ad4012-6f .kb-image-is-ratio-size{max-width:250px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image602_ad4012-6f.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image602_ad4012-6f .kb-image-is-ratio-size{align-self:unset;}.kb-image602_ad4012-6f figure{max-width:250px;}.kb-image602_ad4012-6f .image-is-svg, .kb-image602_ad4012-6f .image-is-svg img{width:100%;}.kb-image602_ad4012-6f .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image602_ad4012-6f\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"626\" height=\"410\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Modifying-Texts.gif\" alt=\"Modifying Texts\" class=\"kb-img wp-image-16518\" \/><\/figure><\/div>\n\n\n\n<p>Use the <strong>Info Box Block Settings<\/strong> to adjust and style the Info Box. <em>(Learn more below.)<\/em><\/p>\n\n\n<style>.kb-image602_13c0e4-86.kb-image-is-ratio-size, .kb-image602_13c0e4-86 .kb-image-is-ratio-size{max-width:750px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image602_13c0e4-86.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image602_13c0e4-86 .kb-image-is-ratio-size{align-self:unset;}.kb-image602_13c0e4-86 figure{max-width:750px;}.kb-image602_13c0e4-86 .image-is-svg, .kb-image602_13c0e4-86 .image-is-svg img{width:100%;}.kb-image602_13c0e4-86 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image602_13c0e4-86\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2456\" height=\"1588\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Block-Settings.jpg\" alt=\"Block Settings\" class=\"kb-img wp-image-16511\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Block-Settings.jpg 2456w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Block-Settings-300x194.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Block-Settings-1024x662.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Block-Settings-768x497.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Block-Settings-1536x993.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Block-Settings-2048x1324.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Block-Settings-360x233.jpg 360w\" sizes=\"auto, (max-width: 2456px) 100vw, 2456px\" \/><\/figure><\/div>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading602_54634e-1a, .wp-block-kadence-advancedheading.kt-adv-heading602_54634e-1a[data-kb-block=\"kb-adv-heading602_54634e-1a\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading602_54634e-1a mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading602_54634e-1a[data-kb-block=\"kb-adv-heading602_54634e-1a\"] 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-heading602_54634e-1a img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading602_54634e-1a[data-kb-block=\"kb-adv-heading602_54634e-1a\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading602_54634e-1a wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading602_54634e-1a\">Info Box Block Settings<\/h2>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading602_0782b5-44, .wp-block-kadence-advancedheading.kt-adv-heading602_0782b5-44[data-kb-block=\"kb-adv-heading602_0782b5-44\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading602_0782b5-44 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading602_0782b5-44[data-kb-block=\"kb-adv-heading602_0782b5-44\"] 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-heading602_0782b5-44 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading602_0782b5-44[data-kb-block=\"kb-adv-heading602_0782b5-44\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading602_0782b5-44 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading602_0782b5-44\">General Settings<\/h3>\n\n\n\n<p>Choose from one of several preset layouts for your Info Box. <\/p>\n\n\n<style>.kb-image602_546320-4b .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image602_546320-4b\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1716\" height=\"660\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/infobox.gif\" alt=\"Info Box Block - select layout\" class=\"kb-img wp-image-6562\" \/><\/figure><\/div>\n\n\n<style>.kb-row-layout-id602_18d903-47 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id602_18d903-47 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id602_18d903-47 > .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:minmax(0, calc(45% - ((var(--global-kb-gap-md, 2rem) * 1 )\/2)))minmax(0, calc(55% - ((var(--global-kb-gap-md, 2rem) * 1 )\/2)));}.kb-row-layout-id602_18d903-47 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id602_18d903-47 > .kt-row-column-wrap{grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id602_18d903-47 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id602_18d903-47 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column602_f0a494-95 > .kt-inside-inner-col,.kadence-column602_f0a494-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-column602_f0a494-95 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column602_f0a494-95 > .kt-inside-inner-col{flex-direction:column;}.kadence-column602_f0a494-95 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column602_f0a494-95 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column602_f0a494-95{position:relative;}@media all and (max-width: 1024px){.kadence-column602_f0a494-95 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column602_f0a494-95 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column602_f0a494-95\"><div class=\"kt-inside-inner-col\">\n<p><strong>Link:<\/strong> Search for a post\/page, insert a URL, or use <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/dynamic-content\/\" data-type=\"docs\" data-id=\"7138\">Dynamic Content<\/a> such as an ACF field.<\/p>\n\n\n\n<p><strong>Title:<\/strong> Adds an aria-label to your link for accessibility. This applies to both the Entire Box and the Learn More link options.<\/p>\n\n\n\n<p><strong>Link Content<\/strong>: Set the link to &#8220;Entire Box&#8221; or &#8220;Only Learn More Text.&#8221;<\/p>\n\n\n\n<p><strong>Content Align:<\/strong> Set the alignment of the text inside the Info Box. Responsive controls are available.<br><\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column602_8a0a40-fa > .kt-inside-inner-col,.kadence-column602_8a0a40-fa > .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-column602_8a0a40-fa > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column602_8a0a40-fa > .kt-inside-inner-col{flex-direction:column;}.kadence-column602_8a0a40-fa > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column602_8a0a40-fa > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column602_8a0a40-fa{position:relative;}@media all and (max-width: 1024px){.kadence-column602_8a0a40-fa > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column602_8a0a40-fa > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column602_8a0a40-fa\"><div class=\"kt-inside-inner-col\"><style>.kb-image602_a3f53f-70 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image602_a3f53f-70 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"463\" height=\"526\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Zight-Recording-2025-09-04-at-04.52.23-PM.gif\" alt=\"Info Box Block - link settings\" class=\"kb-img wp-image-14680\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id602_b54f93-58 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id602_b54f93-58 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id602_b54f93-58 > .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:minmax(0, calc(45% - ((var(--global-kb-gap-md, 2rem) * 1 )\/2)))minmax(0, calc(55% - ((var(--global-kb-gap-md, 2rem) * 1 )\/2)));}.kb-row-layout-id602_b54f93-58 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id602_b54f93-58 > .kt-row-column-wrap{grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id602_b54f93-58 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id602_b54f93-58 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column602_d4cbd8-00 > .kt-inside-inner-col,.kadence-column602_d4cbd8-00 > .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-column602_d4cbd8-00 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column602_d4cbd8-00 > .kt-inside-inner-col{flex-direction:column;}.kadence-column602_d4cbd8-00 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column602_d4cbd8-00 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column602_d4cbd8-00{position:relative;}@media all and (max-width: 1024px){.kadence-column602_d4cbd8-00 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column602_d4cbd8-00 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column602_d4cbd8-00\"><div class=\"kt-inside-inner-col\">\n<p><strong>Note: <\/strong>You can only add links to the content if you set the <strong>Link Content<\/strong> to &#8220;Only Learn More Text.&#8221; Text links are disabled when set to &#8220;Entire Box.&#8221;<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column602_66d3cc-6a > .kt-inside-inner-col,.kadence-column602_66d3cc-6a > .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-column602_66d3cc-6a > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column602_66d3cc-6a > .kt-inside-inner-col{flex-direction:column;}.kadence-column602_66d3cc-6a > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column602_66d3cc-6a > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column602_66d3cc-6a{position:relative;}@media all and (max-width: 1024px){.kadence-column602_66d3cc-6a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column602_66d3cc-6a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column602_66d3cc-6a\"><div class=\"kt-inside-inner-col\"><style>.kb-image602_ccdf76-b9 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image602_ccdf76-b9 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1411\" height=\"629\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Zight-Recording-2025-12-19-at-03.40.17-PM.gif\" alt=\"Info Box - Link Content setting\" class=\"kb-img wp-image-16453\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading602_59f995-0a, .wp-block-kadence-advancedheading.kt-adv-heading602_59f995-0a[data-kb-block=\"kb-adv-heading602_59f995-0a\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading602_59f995-0a mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading602_59f995-0a[data-kb-block=\"kb-adv-heading602_59f995-0a\"] 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-heading602_59f995-0a img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading602_59f995-0a[data-kb-block=\"kb-adv-heading602_59f995-0a\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading602_59f995-0a wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading602_59f995-0a\">Style Settings<\/h3>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading602_046a46-26, .wp-block-kadence-advancedheading.kt-adv-heading602_046a46-26[data-kb-block=\"kb-adv-heading602_046a46-26\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading602_046a46-26 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading602_046a46-26[data-kb-block=\"kb-adv-heading602_046a46-26\"] 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-heading602_046a46-26 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading602_046a46-26[data-kb-block=\"kb-adv-heading602_046a46-26\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h4 class=\"kt-adv-heading602_046a46-26 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading602_046a46-26\">Container Settings<\/h4>\n\n\n<style>.kb-row-layout-id602_db48c8-33 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id602_db48c8-33 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id602_db48c8-33 > .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:minmax(0, 2fr) minmax(0, 1fr);}.kb-row-layout-id602_db48c8-33 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id602_db48c8-33 > .kt-row-column-wrap{grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id602_db48c8-33 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id602_db48c8-33 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column602_0d2bdd-69 > .kt-inside-inner-col,.kadence-column602_0d2bdd-69 > .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-column602_0d2bdd-69 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column602_0d2bdd-69 > .kt-inside-inner-col{flex-direction:column;}.kadence-column602_0d2bdd-69 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column602_0d2bdd-69 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column602_0d2bdd-69{position:relative;}@media all and (max-width: 1024px){.kadence-column602_0d2bdd-69 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column602_0d2bdd-69 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column602_0d2bdd-69\"><div class=\"kt-inside-inner-col\">\n<p><strong>Note:<\/strong>  Container styles can be set for both <strong>Normal<\/strong> and <strong>Hover<\/strong> states.<\/p>\n\n\n\n<p><strong>Background:<\/strong>  Select a color for the Info Box background.<\/p>\n\n\n\n<p><strong>Border:<\/strong>  Select a color, style, and thickness for your border.  Responsive styles are available for borders.<\/p>\n\n\n\n<p><strong>Border Radius:<\/strong>  Select the border radius to be used for your block.  Responsive styles are available.<\/p>\n\n\n\n<p><strong>Enable Box Shadow:<\/strong> When enabled, several presets are shown, or you can set your own custom values.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column602_03e8eb-c7 > .kt-inside-inner-col,.kadence-column602_03e8eb-c7 > .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-column602_03e8eb-c7 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column602_03e8eb-c7 > .kt-inside-inner-col{flex-direction:column;}.kadence-column602_03e8eb-c7 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column602_03e8eb-c7 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column602_03e8eb-c7{position:relative;}@media all and (max-width: 1024px){.kadence-column602_03e8eb-c7 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column602_03e8eb-c7 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column602_03e8eb-c7\"><div class=\"kt-inside-inner-col\"><style>.kb-image602_967fec-12 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image602_967fec-12 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"560\" height=\"994\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Screenshot-2025-12-19-at-3.48.06-PM.png\" alt=\"Info Box - Style - Container Settings\" class=\"kb-img wp-image-16454\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Screenshot-2025-12-19-at-3.48.06-PM.png 560w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Screenshot-2025-12-19-at-3.48.06-PM-169x300.png 169w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Screenshot-2025-12-19-at-3.48.06-PM-288x512.png 288w\" sizes=\"auto, (max-width: 560px) 100vw, 560px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading602_05e8a5-5b, .wp-block-kadence-advancedheading.kt-adv-heading602_05e8a5-5b[data-kb-block=\"kb-adv-heading602_05e8a5-5b\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading602_05e8a5-5b mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading602_05e8a5-5b[data-kb-block=\"kb-adv-heading602_05e8a5-5b\"] 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-heading602_05e8a5-5b img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading602_05e8a5-5b[data-kb-block=\"kb-adv-heading602_05e8a5-5b\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h4 class=\"kt-adv-heading602_05e8a5-5b wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading602_05e8a5-5b\">Media Settings<\/h4>\n\n\n<style>.kb-row-layout-id602_d83a70-5d > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id602_d83a70-5d > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id602_d83a70-5d > .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:minmax(0, 2fr) minmax(0, 1fr);}.kb-row-layout-id602_d83a70-5d > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id602_d83a70-5d > .kt-row-column-wrap{grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id602_d83a70-5d > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id602_d83a70-5d alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column602_1756e5-9b > .kt-inside-inner-col,.kadence-column602_1756e5-9b > .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-column602_1756e5-9b > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column602_1756e5-9b > .kt-inside-inner-col{flex-direction:column;}.kadence-column602_1756e5-9b > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column602_1756e5-9b > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column602_1756e5-9b{position:relative;}@media all and (max-width: 1024px){.kadence-column602_1756e5-9b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column602_1756e5-9b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column602_1756e5-9b\"><div class=\"kt-inside-inner-col\">\n<p><strong>Media Align:<\/strong> The media position can be set to Top, Left, or Right.<\/p>\n\n\n\n<p><strong>Media Type:<\/strong> The available settings will change based on the media type chosen. Selecting &#8220;None&#8221; will disable media.<\/p>\n\n\n<style>.kb-table-container602_c8c5c7-85{overflow-x:auto;}.kb-table602_c8c5c7-85 td:nth-of-type(1), .kb-table602_c8c5c7-85 th:nth-of-type(1){width:33%;}.kb-table602_c8c5c7-85 td:nth-of-type(2), .kb-table602_c8c5c7-85 th:nth-of-type(2){width:33%;}.kb-table602_c8c5c7-85 td:nth-of-type(3), .kb-table602_c8c5c7-85 th:nth-of-type(3){width:33%;}.kb-table602_c8c5c7-85{table-layout:fixed;width:100%;}.kb-table-container .kb-table602_c8c5c7-85 th{padding-top:var(--global-kb-spacing-xxs, 0.5rem);padding-right:var(--global-kb-spacing-xxs, 0.5rem);padding-bottom:var(--global-kb-spacing-xxs, 0.5rem);padding-left:var(--global-kb-spacing-xxs, 0.5rem);text-align:center;}.kb-table-container .kb-table602_c8c5c7-85 caption{text-align:center;}.kb-table-container .kb-table602_c8c5c7-85 td{padding-top:var(--global-kb-spacing-xxs, 0.5rem);padding-right:var(--global-kb-spacing-xxs, 0.5rem);padding-bottom:var(--global-kb-spacing-xxs, 0.5rem);padding-left:var(--global-kb-spacing-xxs, 0.5rem);text-align:left;}<\/style><div class=\"kb-table-container kb-table-container602_c8c5c7-85 wp-block-kadence-table\"><table class=\"kb-table kb-table602_c8c5c7-85\">\n<tr class=\"kb-table-row kb-table-row602_e23455-23\">\n<th class=\"kb-table-data kb-table-data602_995b48-6c\">\n\n<p>Icon<\/p>\n\n<\/th>\n\n<th class=\"kb-table-data kb-table-data602_5151b6-3b\">\n\n<p>Image<\/p>\n\n<\/th>\n\n<th class=\"kb-table-data kb-table-data602_39dc99-a7\">\n\n<p>Number<\/p>\n\n<\/th>\n<\/tr>\n\n<tr class=\"kb-table-row kb-table-row602_b7690d-2b\">\n<td class=\"kb-table-data kb-table-data602_00b782-b0\">\n\n<ul class=\"wp-block-list\">\n<li>Icon Picker<\/li>\n\n\n\n<li>Icon Size<\/li>\n\n\n\n<li>Icon Line Width<\/li>\n\n\n\n<li>Icon Border<\/li>\n\n\n\n<li>Icon Border Radius<\/li>\n\n\n\n<li>Icon Hover Animation<\/li>\n\n\n\n<li>Icon Color<\/li>\n\n\n\n<li>Icon Background<\/li>\n\n\n\n<li>Icon Border Color<\/li>\n\n\n\n<li>Media Padding<\/li>\n\n\n\n<li>Media Margin<\/li>\n<\/ul>\n\n<\/td>\n\n<td class=\"kb-table-data kb-table-data602_79bc7f-cd\">\n\n<ul class=\"wp-block-list\">\n<li>Image Picker<\/li>\n\n\n\n<li>Max Image Width<\/li>\n\n\n\n<li>Alt Text<\/li>\n\n\n\n<li>Image Ratio<\/li>\n\n\n\n<li>Image Hover Animation<\/li>\n\n\n\n<li>Image Border<\/li>\n\n\n\n<li>Image Border Radius<\/li>\n\n\n\n<li>Image Background<\/li>\n\n\n\n<li>Image Border<\/li>\n\n\n\n<li>Media Padding<\/li>\n\n\n\n<li>Media Margin<\/li>\n<\/ul>\n\n<\/td>\n\n<td class=\"kb-table-data kb-table-data602_93c5f3-69\">\n\n<ul class=\"wp-block-list\">\n<li>Size<\/li>\n\n\n\n<li>Font Family<\/li>\n\n\n\n<li>Font Weight<\/li>\n\n\n\n<li>Number Border<\/li>\n\n\n\n<li>Number Border Radius<\/li>\n\n\n\n<li>Number Hover Animation<\/li>\n\n\n\n<li>Number Color<\/li>\n\n\n\n<li>Number Background<\/li>\n\n\n\n<li>Media Padding<\/li>\n\n\n\n<li>Media Margin<\/li>\n<\/ul>\n\n<\/td>\n<\/tr>\n<\/table><\/div><\/div><\/div>\n\n\n<style>.kadence-column602_ca30e7-74 > .kt-inside-inner-col,.kadence-column602_ca30e7-74 > .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-column602_ca30e7-74 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column602_ca30e7-74 > .kt-inside-inner-col{flex-direction:column;}.kadence-column602_ca30e7-74 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column602_ca30e7-74 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column602_ca30e7-74{position:relative;}@media all and (max-width: 1024px){.kadence-column602_ca30e7-74 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column602_ca30e7-74 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column602_ca30e7-74\"><div class=\"kt-inside-inner-col\"><style>.kb-image602_8d236e-e7 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image602_8d236e-e7 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"768\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Zight-Recording-2025-12-19-at-04.24.43-PM.gif\" alt=\"Info Box - Style - Media Settings\" class=\"kb-img wp-image-16463\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading602_94b004-18, .wp-block-kadence-advancedheading.kt-adv-heading602_94b004-18[data-kb-block=\"kb-adv-heading602_94b004-18\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading602_94b004-18 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading602_94b004-18[data-kb-block=\"kb-adv-heading602_94b004-18\"] 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-heading602_94b004-18 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading602_94b004-18[data-kb-block=\"kb-adv-heading602_94b004-18\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h4 class=\"kt-adv-heading602_94b004-18 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading602_94b004-18\">Title Settings<\/h4>\n\n\n<style>.kb-row-layout-id602_b9aa1f-e3 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id602_b9aa1f-e3 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id602_b9aa1f-e3 > .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:minmax(0, 2fr) minmax(0, 1fr);}.kb-row-layout-id602_b9aa1f-e3 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id602_b9aa1f-e3 > .kt-row-column-wrap{grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id602_b9aa1f-e3 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id602_b9aa1f-e3 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column602_3a1dc2-3d > .kt-inside-inner-col,.kadence-column602_3a1dc2-3d > .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-column602_3a1dc2-3d > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column602_3a1dc2-3d > .kt-inside-inner-col{flex-direction:column;}.kadence-column602_3a1dc2-3d > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column602_3a1dc2-3d > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column602_3a1dc2-3d{position:relative;}@media all and (max-width: 1024px){.kadence-column602_3a1dc2-3d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column602_3a1dc2-3d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column602_3a1dc2-3d\"><div class=\"kt-inside-inner-col\">\n<p><strong>Show Title:<\/strong> Toggle to enable\/disable the title element.<\/p>\n\n\n\n<p><strong>Title Color:<\/strong> Select the normal and hover color for the title.<\/p>\n\n\n\n<p><strong>HTML Tag:<\/strong> Select the tag to be used for the Info Box title.<\/p>\n\n\n\n<p><strong>Font Size:<\/strong>  Choose a preset or custom size.  Leave unset to use the site default.  Responsive controls are available.<\/p>\n\n\n\n<p><strong>Line Height:<\/strong> Enter a value and select a unit (i.e., px, em, or rem). Leave blank to use the site default. Responsive controls are available.<\/p>\n\n\n\n<p><strong>Letter Case:<\/strong> Choose a Letter Case effect, from default\/none, uppercase, lowercase, or capitalize.<\/p>\n\n\n\n<p><strong>Font Family:<\/strong> Choose a selectable Google Font for texts or leave the setting blank to use the default website font.<br><br><strong>Font Weight:<\/strong> Inherit the website&#8217;s default font weight or select a value manually.<br><br><strong>Letter Spacing:<\/strong> Leave this blank for the default website letter spacing to be used or set a manual px value.<\/p>\n\n\n\n<p><strong>Padding (PX):<\/strong> Set a padding value for the <strong>Info<\/strong> <strong>Box<\/strong> title. By default, the value will apply to all sides. Use the chainlink icon to unlink this setting and unlock the ability to adjust all sides individually.<\/p>\n\n\n\n<p><strong>Margin (PX):<\/strong> Set a margin for each side of the Info Box title or click the icon to set all sides equally.<\/p>\n\n\n\n<p><strong>Min Height:<\/strong> Add a minimum height to the Info Box title.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column602_5ce2bc-05 > .kt-inside-inner-col,.kadence-column602_5ce2bc-05 > .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-column602_5ce2bc-05 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column602_5ce2bc-05 > .kt-inside-inner-col{flex-direction:column;}.kadence-column602_5ce2bc-05 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column602_5ce2bc-05 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column602_5ce2bc-05{position:relative;}@media all and (max-width: 1024px){.kadence-column602_5ce2bc-05 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column602_5ce2bc-05 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column602_5ce2bc-05\"><div class=\"kt-inside-inner-col\"><style>.kb-image602_6c6e43-72 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image602_6c6e43-72 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"506\" height=\"1552\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Screenshot-2025-12-19-at-3.55.00-PM.png\" alt=\"Info Box - Style - Title Settings\" class=\"kb-img wp-image-16458\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Screenshot-2025-12-19-at-3.55.00-PM.png 506w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Screenshot-2025-12-19-at-3.55.00-PM-98x300.png 98w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Screenshot-2025-12-19-at-3.55.00-PM-334x1024.png 334w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Screenshot-2025-12-19-at-3.55.00-PM-501x1536.png 501w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Screenshot-2025-12-19-at-3.55.00-PM-167x512.png 167w\" sizes=\"auto, (max-width: 506px) 100vw, 506px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading602_1550a6-ba, .wp-block-kadence-advancedheading.kt-adv-heading602_1550a6-ba[data-kb-block=\"kb-adv-heading602_1550a6-ba\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading602_1550a6-ba mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading602_1550a6-ba[data-kb-block=\"kb-adv-heading602_1550a6-ba\"] 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-heading602_1550a6-ba img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading602_1550a6-ba[data-kb-block=\"kb-adv-heading602_1550a6-ba\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h4 class=\"kt-adv-heading602_1550a6-ba wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading602_1550a6-ba\">Text Settings<\/h4>\n\n\n<style>.kb-row-layout-id602_094164-e2 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id602_094164-e2 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id602_094164-e2 > .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:minmax(0, 2fr) minmax(0, 1fr);}.kb-row-layout-id602_094164-e2 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id602_094164-e2 > .kt-row-column-wrap{grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id602_094164-e2 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id602_094164-e2 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column602_01ee38-d6 > .kt-inside-inner-col,.kadence-column602_01ee38-d6 > .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-column602_01ee38-d6 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column602_01ee38-d6 > .kt-inside-inner-col{flex-direction:column;}.kadence-column602_01ee38-d6 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column602_01ee38-d6 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column602_01ee38-d6{position:relative;}@media all and (max-width: 1024px){.kadence-column602_01ee38-d6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column602_01ee38-d6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column602_01ee38-d6\"><div class=\"kt-inside-inner-col\">\n<p><strong>Show Text:<\/strong> Toggle this option to enable\/disable the text element.<\/p>\n\n\n\n<p><strong>Text Color:<\/strong> Select the normal and hover color(s) for the text.<\/p>\n\n\n\n<p><strong>Font Size:<\/strong> Choose a font size preset or use a custom size. Leave unset to use the site default. Responsive controls are available.<\/p>\n\n\n\n<p><strong>Line Height:<\/strong> Enter a value and select a unit (i.e., px, em, or rem). Leave blank to use the site default. Responsive controls are available.<\/p>\n\n\n\n<p><strong>Letter Case:<\/strong> Choose a Letter Case effect, from default\/none, uppercase, lowercase, or capitalize.<\/p>\n\n\n\n<p><strong>Font Family:<\/strong> Choose a selectable Google Font for texts or leave the setting blank to use the default website font.<br><br><strong>Font Weight:<\/strong> Inherit the website&#8217;s default font weight or select a value manually.<br><br><strong>Letter Spacing:<\/strong> Leave this blank for the default website letter spacing to be used or set a manual px value.<\/p>\n\n\n\n<p><strong>Padding (PX):<\/strong>  Set a value for all four sides or click the icon to specify individually.<\/p>\n\n\n\n<p><strong>Margin (PX):<\/strong>  Set individual margins or click the icon to set all sides equally.<\/p>\n\n\n\n<p><strong>Min Height:<\/strong> Insert a value and select a unit (i.e., px, em, or rem). Leave blank for content height. Responsive controls are available.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column602_75cdf2-89 > .kt-inside-inner-col,.kadence-column602_75cdf2-89 > .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-column602_75cdf2-89 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column602_75cdf2-89 > .kt-inside-inner-col{flex-direction:column;}.kadence-column602_75cdf2-89 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column602_75cdf2-89 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column602_75cdf2-89{position:relative;}@media all and (max-width: 1024px){.kadence-column602_75cdf2-89 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column602_75cdf2-89 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column602_75cdf2-89\"><div class=\"kt-inside-inner-col\"><style>.kb-image602_a7aafc-e6 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image602_a7aafc-e6 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"560\" height=\"1542\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Screenshot-2025-12-19-at-3.56.19-PM.png\" alt=\"Info Box - Style - Text Settings\" class=\"kb-img wp-image-16459\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Screenshot-2025-12-19-at-3.56.19-PM.png 560w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Screenshot-2025-12-19-at-3.56.19-PM-109x300.png 109w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Screenshot-2025-12-19-at-3.56.19-PM-372x1024.png 372w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Screenshot-2025-12-19-at-3.56.19-PM-558x1536.png 558w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Screenshot-2025-12-19-at-3.56.19-PM-186x512.png 186w\" sizes=\"auto, (max-width: 560px) 100vw, 560px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading602_84753e-e3, .wp-block-kadence-advancedheading.kt-adv-heading602_84753e-e3[data-kb-block=\"kb-adv-heading602_84753e-e3\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading602_84753e-e3 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading602_84753e-e3[data-kb-block=\"kb-adv-heading602_84753e-e3\"] 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-heading602_84753e-e3 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading602_84753e-e3[data-kb-block=\"kb-adv-heading602_84753e-e3\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h4 class=\"kt-adv-heading602_84753e-e3 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading602_84753e-e3\">Learn More Settings<\/h4>\n\n\n<style>.kb-row-layout-id602_e4e05c-10 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id602_e4e05c-10 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id602_e4e05c-10 > .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:minmax(0, 2fr) minmax(0, 1fr);}.kb-row-layout-id602_e4e05c-10 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id602_e4e05c-10 > .kt-row-column-wrap{grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id602_e4e05c-10 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id602_e4e05c-10 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column602_5f243a-86 > .kt-inside-inner-col,.kadence-column602_5f243a-86 > .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-column602_5f243a-86 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column602_5f243a-86 > .kt-inside-inner-col{flex-direction:column;}.kadence-column602_5f243a-86 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column602_5f243a-86 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column602_5f243a-86{position:relative;}@media all and (max-width: 1024px){.kadence-column602_5f243a-86 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column602_5f243a-86 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column602_5f243a-86\"><div class=\"kt-inside-inner-col\">\n<p><strong>Show Learn More:<\/strong> Toggle this option to enable\/disable the learn more element.<\/p>\n\n\n\n<p><em><strong>Note:<\/strong> The<strong> Normal<\/strong> and <strong>Hover<\/strong> settings can be styled separately<\/em><\/p>\n\n\n\n<p><strong>Text Color, Background, and Border Color<\/strong> can be set individually.<\/p>\n\n\n\n<p><strong>Learn More Border Width (px):<\/strong> Set the border width for the learn more link.<br><br><strong>Learn More Border Radius (px):<\/strong> Set the border radius for the learn more link.<\/p>\n\n\n\n<p><strong>Font Size:<\/strong> Choose a font size preset or use a custom size. Leave unset to use the site default. Responsive controls are available.<\/p>\n\n\n\n<p><strong>Line Height:<\/strong> Enter a value and select a unit (i.e. px, em, or rem). Leave blank to use the site default. Responsive controls are available.<\/p>\n\n\n\n<p><strong>Letter Case:<\/strong> Choose a Letter Case effect, from default\/none, uppercase, lowercase, or capitalize.<\/p>\n\n\n\n<p><strong>Font Family:<\/strong> Choose a selectable Google Font for texts or leave the setting blank to use the default website font.<br><br><strong>Font Weight:<\/strong> Inherit the website&#8217;s default font weight or select a value manually.<br><br><strong>Letter Spacing:<\/strong> Leave this blank for the default website letter spacing to be used or set a manual px value.<\/p>\n\n\n\n<p><strong>Padding (PX):<\/strong>  Set a value for all four sides or click the icon to specify individually.<\/p>\n\n\n\n<p><strong>Margin (PX):<\/strong>  Set individual margins or click the icon to set all sides equally.<\/p>\n\n\n\n<p><strong>Min Height:<\/strong> Insert a value and select a unit (i.e., px, em, or rem). Leave blank for content height. Responsive controls are available.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column602_bfeae7-bc > .kt-inside-inner-col,.kadence-column602_bfeae7-bc > .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-column602_bfeae7-bc > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column602_bfeae7-bc > .kt-inside-inner-col{flex-direction:column;}.kadence-column602_bfeae7-bc > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column602_bfeae7-bc > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column602_bfeae7-bc{position:relative;}@media all and (max-width: 1024px){.kadence-column602_bfeae7-bc > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column602_bfeae7-bc > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column602_bfeae7-bc\"><div class=\"kt-inside-inner-col\"><style>.kb-image602_8f140b-2f .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image602_8f140b-2f size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"1552\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Screenshot-2025-12-19-at-3.58.19-PM.png\" alt=\"Info Box - Style - Learn More Settings\" class=\"kb-img wp-image-16460\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Screenshot-2025-12-19-at-3.58.19-PM.png 440w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Screenshot-2025-12-19-at-3.58.19-PM-85x300.png 85w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Screenshot-2025-12-19-at-3.58.19-PM-290x1024.png 290w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Screenshot-2025-12-19-at-3.58.19-PM-145x512.png 145w\" sizes=\"auto, (max-width: 440px) 100vw, 440px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p><em><strong>Note<\/strong><\/em>: The &#8220;<em>Learn More<\/em>&#8221; text is a placeholder &#8211; don&#8217;t forget to add your text so you can see it on your page.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading602_7786b4-06, .wp-block-kadence-advancedheading.kt-adv-heading602_7786b4-06[data-kb-block=\"kb-adv-heading602_7786b4-06\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading602_7786b4-06 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading602_7786b4-06[data-kb-block=\"kb-adv-heading602_7786b4-06\"] 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-heading602_7786b4-06 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading602_7786b4-06[data-kb-block=\"kb-adv-heading602_7786b4-06\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading602_7786b4-06 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading602_7786b4-06\">Advanced Settings<\/h3>\n\n\n<style>.kb-row-layout-id602_4569f6-82 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id602_4569f6-82 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id602_4569f6-82 > .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:minmax(0, 2fr) minmax(0, 1fr);}.kb-row-layout-id602_4569f6-82 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id602_4569f6-82 > .kt-row-column-wrap{grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id602_4569f6-82 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id602_4569f6-82 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column602_9799e4-35 > .kt-inside-inner-col,.kadence-column602_9799e4-35 > .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-column602_9799e4-35 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column602_9799e4-35 > .kt-inside-inner-col{flex-direction:column;}.kadence-column602_9799e4-35 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column602_9799e4-35 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column602_9799e4-35{position:relative;}@media all and (max-width: 1024px){.kadence-column602_9799e4-35 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column602_9799e4-35 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column602_9799e4-35\"><div class=\"kt-inside-inner-col\">\n<p><strong>Padding and Margins<\/strong> can be set for the block.  Use a preset or custom value.  Responsive controls are available.<\/p>\n\n\n\n<p><strong>Max Width:<\/strong> Set the maximum width for the block by specifying a value and unit (for example, px, %, or vw). The responsive controls are also available.<\/p>\n\n\n\n<p><strong>Set Height to 100%:<\/strong> As <a href=\"#showing-multiple-info-box-blocks-with-equal-heights\">noted below<\/a>, this will only work if the parent container is set to a specific height or if you are in a row layout with 100% inner block height.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column602_c22704-e8 > .kt-inside-inner-col,.kadence-column602_c22704-e8 > .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-column602_c22704-e8 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column602_c22704-e8 > .kt-inside-inner-col{flex-direction:column;}.kadence-column602_c22704-e8 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column602_c22704-e8 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column602_c22704-e8{position:relative;}@media all and (max-width: 1024px){.kadence-column602_c22704-e8 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column602_c22704-e8 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column602_c22704-e8\"><div class=\"kt-inside-inner-col\"><style>.kb-image602_2e0c2c-96 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image602_2e0c2c-96 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"518\" height=\"1024\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Screenshot-2025-12-23-at-12.27.54-PM-518x1024.png\" alt=\"Info Box - Advanced Settings\" class=\"kb-img wp-image-16498\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Screenshot-2025-12-23-at-12.27.54-PM-518x1024.png 518w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Screenshot-2025-12-23-at-12.27.54-PM-152x300.png 152w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Screenshot-2025-12-23-at-12.27.54-PM-259x512.png 259w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/12\/Screenshot-2025-12-23-at-12.27.54-PM.png 558w\" sizes=\"auto, (max-width: 518px) 100vw, 518px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading602_375464-e6, .wp-block-kadence-advancedheading.kt-adv-heading602_375464-e6[data-kb-block=\"kb-adv-heading602_375464-e6\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading602_375464-e6 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading602_375464-e6[data-kb-block=\"kb-adv-heading602_375464-e6\"] 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-heading602_375464-e6 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading602_375464-e6[data-kb-block=\"kb-adv-heading602_375464-e6\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading602_375464-e6 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading602_375464-e6\">Using Custom SVG Images<\/h2>\n\n\n\n<p>The Info Box can use Custom SVG Images as the Media Type. This is done using the Image Media Type.<\/p>\n\n\n<style>.kb-row-layout-id602_6cefec-64 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id602_6cefec-64 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id602_6cefec-64 > .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-id602_6cefec-64 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id602_6cefec-64 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id602_6cefec-64 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id602_6cefec-64 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-column602_fec1e1-db > .kt-inside-inner-col,.kadence-column602_fec1e1-db > .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-column602_fec1e1-db > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column602_fec1e1-db > .kt-inside-inner-col{flex-direction:column;}.kadence-column602_fec1e1-db > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column602_fec1e1-db > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column602_fec1e1-db{position:relative;}@media all and (max-width: 1024px){.kadence-column602_fec1e1-db > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column602_fec1e1-db > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column602_fec1e1-db\"><div class=\"kt-inside-inner-col\">\n<p>Using the <strong>Info Box \u2192 Style<\/strong> settings tab, the Media Settings allows you to select an Image.<\/p>\n\n\n<style>.kb-image602_1f11ba-66.kb-image-is-ratio-size, .kb-image602_1f11ba-66 .kb-image-is-ratio-size{max-width:330px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image602_1f11ba-66.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image602_1f11ba-66 .kb-image-is-ratio-size{align-self:unset;}.kb-image602_1f11ba-66 figure{max-width:330px;}.kb-image602_1f11ba-66 .image-is-svg, .kb-image602_1f11ba-66 .image-is-svg img{width:100%;}.kb-image602_1f11ba-66 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image602_1f11ba-66\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"331\" height=\"550\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Media-Type-Gif.gif\" alt=\"Info Box Block - Media Type Gif\" class=\"kb-img wp-image-8561\" \/><\/figure><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column602_be6ab1-a9 > .kt-inside-inner-col,.kadence-column602_be6ab1-a9 > .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-column602_be6ab1-a9 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column602_be6ab1-a9 > .kt-inside-inner-col{flex-direction:column;}.kadence-column602_be6ab1-a9 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column602_be6ab1-a9 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column602_be6ab1-a9{position:relative;}@media all and (max-width: 1024px){.kadence-column602_be6ab1-a9 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column602_be6ab1-a9 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column602_be6ab1-a9\"><div class=\"kt-inside-inner-col\">\n<p>When using an SVG file type, the SVG must be presented inline for the SVG color block setting to take effect. See the next section for more on this.<\/p>\n\n\n<style>.kb-image602_c23ac3-8e.kb-image-is-ratio-size, .kb-image602_c23ac3-8e .kb-image-is-ratio-size{max-width:330px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image602_c23ac3-8e.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image602_c23ac3-8e .kb-image-is-ratio-size{align-self:unset;}.kb-image602_c23ac3-8e figure{max-width:330px;}.kb-image602_c23ac3-8e .image-is-svg, .kb-image602_c23ac3-8e .image-is-svg img{width:100%;}.kb-image602_c23ac3-8e .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image602_c23ac3-8e\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"568\" height=\"1996\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Sample-Info-Box-SVG-Inline-Settings.jpg\" alt=\"Sample Info Box SVG Inline Settings\" class=\"kb-img wp-image-8563\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Sample-Info-Box-SVG-Inline-Settings.jpg 568w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Sample-Info-Box-SVG-Inline-Settings-85x300.jpg 85w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Sample-Info-Box-SVG-Inline-Settings-291x1024.jpg 291w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Sample-Info-Box-SVG-Inline-Settings-437x1536.jpg 437w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Sample-Info-Box-SVG-Inline-Settings-146x512.jpg 146w\" sizes=\"auto, (max-width: 568px) 100vw, 568px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading602_0ddc83-2d, .wp-block-kadence-advancedheading.kt-adv-heading602_0ddc83-2d[data-kb-block=\"kb-adv-heading602_0ddc83-2d\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading602_0ddc83-2d mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading602_0ddc83-2d[data-kb-block=\"kb-adv-heading602_0ddc83-2d\"] 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-heading602_0ddc83-2d img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading602_0ddc83-2d[data-kb-block=\"kb-adv-heading602_0ddc83-2d\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading602_0ddc83-2d wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading602_0ddc83-2d\">Forcing SVGs Inline Using SVG Support<\/h3>\n\n\n\n<p>WordPress <span style=\"text-decoration: underline\">doesn&#8217;t<\/span> have a built-in way to force SVG Images Inline. However, this can be done with an easy-to-use, free plugin. Consider using a plugin like the <strong><a href=\"https:\/\/wordpress.org\/plugins\/svg-support\/\" target=\"_blank\" rel=\"noreferrer noopener\">SVG Support<\/a><\/strong> plugin to force SVG images inline. <strong>Custom<\/strong> <strong>CSS<\/strong> <strong>Classes<\/strong> can also be added to SVG images. When using SVG images, it is important to ensure you understand the security implications and precautions. See the <a href=\"#svg-security\" data-type=\"internal\" data-id=\"#svg-security\">SVG Security<\/a> section for more general information on this topic.<\/p>\n\n\n\n<p>To get started, go to the <strong>Dashboard \u2192 Plugins \u2192 Add New Plugin<\/strong>. Then locate, install, and activate the <em>SVG Support<\/em> plugin.<\/p>\n\n\n<style>.kb-image602_ef02d8-65 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image602_ef02d8-65\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1077\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Svg-Support-Plugin-scaled.jpg\" alt=\"Svg Support Plugin\" class=\"kb-img wp-image-8565\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Svg-Support-Plugin-scaled.jpg 2560w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Svg-Support-Plugin-300x126.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Svg-Support-Plugin-1024x431.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Svg-Support-Plugin-768x323.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Svg-Support-Plugin-1536x646.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Svg-Support-Plugin-2048x862.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Svg-Support-Plugin-360x152.jpg 360w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure><\/div>\n\n\n\n<p>Once the SVG Support plugin is activated, go to the <strong>Dashboard \u2192 Settings \u2192 SVG Support<\/strong> page.<\/p>\n\n\n<style>.kb-image602_5c6459-74 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image602_5c6459-74 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1410\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/SVG-Support-Download-scaled.jpg\" alt=\"SVG Support Download\" class=\"kb-img wp-image-8566\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/SVG-Support-Download-scaled.jpg 2560w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/SVG-Support-Download-300x165.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/SVG-Support-Download-1024x564.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/SVG-Support-Download-768x423.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/SVG-Support-Download-1536x846.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/SVG-Support-Download-2048x1128.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/SVG-Support-Download-360x198.jpg 360w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<p>On the SVG Support Settings Page, find the <strong>Enable Advanced Mode<\/strong> setting. Check the checkbox to enable the Advanced Mode and save the changes. <em>(View the <a href=\"#svg-security\" data-type=\"internal\" data-id=\"#svg-security\">SVG Security<\/a> section for additional optional settings that provide additional security)<\/em><\/p>\n\n\n<style>.kb-image602_a94338-8b .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image602_a94338-8b size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2296\" height=\"1396\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Enable-Advanced-Mode.jpg\" alt=\"Enable Advanced Mode\" class=\"kb-img wp-image-8567\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Enable-Advanced-Mode.jpg 2296w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Enable-Advanced-Mode-300x182.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Enable-Advanced-Mode-1024x623.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Enable-Advanced-Mode-768x467.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Enable-Advanced-Mode-1536x934.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Enable-Advanced-Mode-2048x1245.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Enable-Advanced-Mode-360x219.jpg 360w\" sizes=\"auto, (max-width: 2296px) 100vw, 2296px\" \/><\/figure>\n\n\n\n<p>Once Advanced Mode is enabled, there are two main things that need to be done.<br><br>1) Next to the <strong>CSS Class to Target<\/strong> setting, input <mark class=\"has-inline-color has-theme-palette-1-color\">kt-info-svg-image<\/mark> as a <strong>Custom<\/strong> <strong>Class<\/strong>.<br><br>2) Next to the <strong>Force Inline SVG <\/strong>setting, enable the <strong>Yes<\/strong> checkbox.<\/p>\n\n\n<style>.kb-image602_2b1795-85 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image602_2b1795-85 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"894\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Enabled-Settings-scaled.jpg\" alt=\"Enabled Settings\" class=\"kb-img wp-image-8568\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Enabled-Settings-scaled.jpg 2560w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Enabled-Settings-300x105.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Enabled-Settings-1024x357.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Enabled-Settings-768x268.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Enabled-Settings-1536x536.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Enabled-Settings-2048x715.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Enabled-Settings-360x126.jpg 360w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<p>After these steps are complete, be sure to click the <strong>Save<\/strong> <strong>Changes<\/strong> button.<\/p>\n\n\n\n<p>Now the Info Box SVG image can be controlled using the SVG Color block setting. <br>(<em>The SVG Colors will not appear in the Editor. They will only show on the front end<\/em>.<\/p>\n\n\n<style>.kb-row-layout-id602_ea9ed0-c2 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id602_ea9ed0-c2 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id602_ea9ed0-c2 > .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-id602_ea9ed0-c2 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id602_ea9ed0-c2 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id602_ea9ed0-c2 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id602_ea9ed0-c2 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-column602_dbbbbf-ee > .kt-inside-inner-col,.kadence-column602_dbbbbf-ee > .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-column602_dbbbbf-ee > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column602_dbbbbf-ee > .kt-inside-inner-col{flex-direction:column;}.kadence-column602_dbbbbf-ee > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column602_dbbbbf-ee > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column602_dbbbbf-ee{position:relative;}@media all and (max-width: 1024px){.kadence-column602_dbbbbf-ee > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column602_dbbbbf-ee > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column602_dbbbbf-ee\"><div class=\"kt-inside-inner-col\">\n<p><strong>Block Settings Editor View<\/strong><\/p>\n\n\n<style>.kb-image602_bfb079-1d .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image602_bfb079-1d\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"307\" height=\"433\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/SVG-Color-Change-Settings.gif\" alt=\"SVG Color Change Settings\" class=\"kb-img wp-image-8569\" \/><\/figure><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column602_446491-fe > .kt-inside-inner-col{display:flex;}.kadence-column602_446491-fe > .kt-inside-inner-col,.kadence-column602_446491-fe > .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-column602_446491-fe > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column602_446491-fe > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}.kadence-column602_446491-fe > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column602_446491-fe{align-self:flex-start;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column602_446491-fe{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column602_446491-fe > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}.kadence-column602_446491-fe > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column602_446491-fe{position:relative;}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column602_446491-fe{align-self:flex-start;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column602_446491-fe{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column602_446491-fe > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}}@media all and (max-width: 1024px){.kadence-column602_446491-fe > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column602_446491-fe{align-self:flex-start;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column602_446491-fe{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column602_446491-fe > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}.kadence-column602_446491-fe > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column602_446491-fe\"><div class=\"kt-inside-inner-col\">\n<p><strong>Front End Outcome<\/strong><\/p>\n\n\n<style>.kb-image602_2a8a84-f3 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image602_2a8a84-f3\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/SVG-Color-Change-Settings-2.gif\" alt=\"SVG Color Change Settings 2\" class=\"kb-img wp-image-8570\" \/><\/figure><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading602_a6f3ba-1f, .wp-block-kadence-advancedheading.kt-adv-heading602_a6f3ba-1f[data-kb-block=\"kb-adv-heading602_a6f3ba-1f\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading602_a6f3ba-1f mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading602_a6f3ba-1f[data-kb-block=\"kb-adv-heading602_a6f3ba-1f\"] 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-heading602_a6f3ba-1f img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading602_a6f3ba-1f[data-kb-block=\"kb-adv-heading602_a6f3ba-1f\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h4 class=\"kt-adv-heading602_a6f3ba-1f wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading602_a6f3ba-1f\">SVG Security<\/h4>\n\n\n\n<p>When using SVG formats, there are factors related to security that should be taken into consideration.  Consider reading <a href=\"https:\/\/solidwp.com\/blog\/what-is-an-svg-file\/\" target=\"_blank\" rel=\"noreferrer noopener\">This SolidWP Article<\/a> that provides a general overview of what SVGs are and how they are used.<br><br>When using the SVG Support plugin, two optional plugin settings can help enforce secure SVG implementation for your WordPress website. To locate these settings, go to the Dashboard \u2192 Settings \u2192 SVG Support page.<\/p>\n\n\n<style>.kb-row-layout-id602_317a8b-ce > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id602_317a8b-ce > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id602_317a8b-ce > .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-xxs, 0.5rem);padding-bottom:var(--global-kb-spacing-xxs, 0.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id602_317a8b-ce > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id602_317a8b-ce > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id602_317a8b-ce > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id602_317a8b-ce 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-column602_132772-06 > .kt-inside-inner-col,.kadence-column602_132772-06 > .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-column602_132772-06 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column602_132772-06 > .kt-inside-inner-col{flex-direction:column;}.kadence-column602_132772-06 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column602_132772-06 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column602_132772-06{position:relative;}@media all and (max-width: 1024px){.kadence-column602_132772-06 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column602_132772-06 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column602_132772-06\"><div class=\"kt-inside-inner-col\">\n<p>Under <strong>Settings<\/strong>, find the <em><span style=\"text-decoration: underline\">Restrict SVG Uploads To<\/span><\/em> setting. This can optionally be set to Administrator to prevent others from uploading SVG Images.<\/p>\n\n\n<style>.kb-image602_9c96d2-fb .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image602_9c96d2-fb size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1404\" height=\"790\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/SVG-Settings.jpg\" alt=\"SVG Settings\" class=\"kb-img wp-image-8634\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/SVG-Settings.jpg 1404w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/SVG-Settings-300x169.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/SVG-Settings-1024x576.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/SVG-Settings-768x432.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/SVG-Settings-360x203.jpg 360w\" sizes=\"auto, (max-width: 1404px) 100vw, 1404px\" \/><\/figure>\n\n\n\n<p>A little below that, the Sanitize SVG While Uploading setting can be found. With this enabled, SVGs will be sanitized before being uploaded.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column602_c3bd61-fc > .kt-inside-inner-col,.kadence-column602_c3bd61-fc > .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-column602_c3bd61-fc > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column602_c3bd61-fc > .kt-inside-inner-col{flex-direction:column;}.kadence-column602_c3bd61-fc > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column602_c3bd61-fc > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column602_c3bd61-fc{position:relative;}@media all and (max-width: 1024px){.kadence-column602_c3bd61-fc > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column602_c3bd61-fc > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column602_c3bd61-fc\"><div class=\"kt-inside-inner-col\">\n<p>Under the <strong>Advanced<\/strong> settings area, the <em><span style=\"text-decoration: underline\">Sanitize SVG on Front-end<\/span><\/em> setting can be found. This setting enhances security by sanitizing the image on the front end.<\/p>\n\n\n<style>.kb-image602_dc0c64-fc .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image602_dc0c64-fc size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1664\" height=\"1062\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Sanitie-SVGs.jpg\" alt=\"\" class=\"kb-img wp-image-8631\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Sanitie-SVGs.jpg 1664w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Sanitie-SVGs-300x191.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Sanitie-SVGs-1024x654.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Sanitie-SVGs-768x490.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Sanitie-SVGs-1536x980.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Sanitie-SVGs-360x230.jpg 360w\" sizes=\"auto, (max-width: 1664px) 100vw, 1664px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading602_ddfbef-b4, .wp-block-kadence-advancedheading.kt-adv-heading602_ddfbef-b4[data-kb-block=\"kb-adv-heading602_ddfbef-b4\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading602_ddfbef-b4 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading602_ddfbef-b4[data-kb-block=\"kb-adv-heading602_ddfbef-b4\"] 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-heading602_ddfbef-b4 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading602_ddfbef-b4[data-kb-block=\"kb-adv-heading602_ddfbef-b4\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 id=\"showing-multiple-info-box-blocks-with-equal-heights\" class=\"kt-adv-heading602_ddfbef-b4 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading602_ddfbef-b4\">Showing Multiple Info Box Blocks With Equal Heights<\/h2>\n\n\n\n<p>You can show multiple Info Box Blocks as <strong>Equal<\/strong> <strong>Heights<\/strong>, allowing Info Boxes to match the same height of one another. This provides a clean layout for presenting content. To do this, the Info Box Blocks must be added inside of <em><a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/section-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">Section Blocks<\/a><\/em> within a <em><a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/row-layout-block\/\" data-type=\"docs\" data-id=\"6511\" target=\"_blank\" rel=\"noreferrer noopener\">Row Layout<\/a><\/em> block. The structure should look something like this.<\/p>\n\n\n<style>.kb-image602_bcd0cc-54.kb-image-is-ratio-size, .kb-image602_bcd0cc-54 .kb-image-is-ratio-size{max-width:350px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image602_bcd0cc-54.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image602_bcd0cc-54 .kb-image-is-ratio-size{align-self:unset;}.kb-image602_bcd0cc-54 figure{max-width:350px;}.kb-image602_bcd0cc-54 .image-is-svg, .kb-image602_bcd0cc-54 .image-is-svg img{width:100%;}.kb-image602_bcd0cc-54 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image602_bcd0cc-54\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"612\" height=\"304\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Overview-sample.jpg\" alt=\"Overview sample\" class=\"kb-img wp-image-10726\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Overview-sample.jpg 612w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Overview-sample-300x149.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Overview-sample-360x179.jpg 360w\" sizes=\"auto, (max-width: 612px) 100vw, 612px\" \/><\/figure><\/div>\n\n\n\n<p>The first step is to set each Info Box Block to use the &#8216;<span style=\"text-decoration: underline\">Set Height 100%<\/span>&#8216; block setting. This setting can be found in the <strong>Info Box Block settings \u2192 Advanced tab<\/strong>.<\/p>\n\n\n<style>.kb-image602_fa1613-7a.kb-image-is-ratio-size, .kb-image602_fa1613-7a .kb-image-is-ratio-size{max-width:350px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image602_fa1613-7a.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image602_fa1613-7a .kb-image-is-ratio-size{align-self:unset;}.kb-image602_fa1613-7a figure{max-width:350px;}.kb-image602_fa1613-7a .image-is-svg, .kb-image602_fa1613-7a .image-is-svg img{width:100%;}.kb-image602_fa1613-7a .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image602_fa1613-7a\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"446\" height=\"956\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Edit-Page-\u2039-Karla-\u2014-WordPress-2025-01-22-at-9.06.59-AM.jpg.jpg\" alt=\"\" class=\"kb-img wp-image-10697\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Edit-Page-\u2039-Karla-\u2014-WordPress-2025-01-22-at-9.06.59-AM.jpg.jpg 446w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Edit-Page-\u2039-Karla-\u2014-WordPress-2025-01-22-at-9.06.59-AM.jpg-140x300.jpg 140w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Edit-Page-\u2039-Karla-\u2014-WordPress-2025-01-22-at-9.06.59-AM.jpg-239x512.jpg 239w\" sizes=\"auto, (max-width: 446px) 100vw, 446px\" \/><\/figure><\/div>\n\n\n\n<p>Then, you must also set the parent Row Layout block to use the &#8216;<span style=\"text-decoration: underline\">Inner Column Height 100%<\/span>&#8216; block setting. This setting can be found in the <strong>Row Layout Block Settings \u2192 Advanced Tab<\/strong> under the <strong>Structure<\/strong> <strong>Settings<\/strong>.<\/p>\n\n\n<style>.kb-image602_a2a6de-84.kb-image-is-ratio-size, .kb-image602_a2a6de-84 .kb-image-is-ratio-size{max-width:350px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image602_a2a6de-84.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image602_a2a6de-84 .kb-image-is-ratio-size{align-self:unset;}.kb-image602_a2a6de-84 figure{max-width:350px;}.kb-image602_a2a6de-84 .image-is-svg, .kb-image602_a2a6de-84 .image-is-svg img{width:100%;}.kb-image602_a2a6de-84 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image602_a2a6de-84\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"444\" height=\"1204\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Edit-Page-\u2039-Karla-\u2014-WordPress-2025-01-22-at-9.11.37-AM-3.jpg\" alt=\"\" class=\"kb-img wp-image-10711\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Edit-Page-\u2039-Karla-\u2014-WordPress-2025-01-22-at-9.11.37-AM-3.jpg 444w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Edit-Page-\u2039-Karla-\u2014-WordPress-2025-01-22-at-9.11.37-AM-3-111x300.jpg 111w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Edit-Page-\u2039-Karla-\u2014-WordPress-2025-01-22-at-9.11.37-AM-3-378x1024.jpg 378w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Edit-Page-\u2039-Karla-\u2014-WordPress-2025-01-22-at-9.11.37-AM-3-189x512.jpg 189w\" sizes=\"auto, (max-width: 444px) 100vw, 444px\" \/><\/figure><\/div>\n\n\n\n<p>With both of these settings enabled, <strong>the<\/strong> <strong>Info<\/strong> <strong>Boxes<\/strong> <strong>will<\/strong> <strong>share<\/strong> <strong>the<\/strong> <strong>same<\/strong> <strong>height<\/strong>.<\/p>\n\n\n<style>.kb-image602_f7979c-ac .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image602_f7979c-ac size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2052\" height=\"1033\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/02\/Info-Box-Equal-Heights.gif\" alt=\"Info Box Equal Heights\" class=\"kb-img wp-image-10725\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The Kadence Info Box Block is a free Kadence Block designed to help you showcase key information with style and clarity. Whether you&#8217;re highlighting services, features, team members, or resource links, this block allows you to pair icons or images with text and optional call\u2011to\u2011action links. Everything is fully customizable right within the WordPress block&#8230;<\/p>\n","protected":false},"author":1265,"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-602","docs","type-docs","status-publish","hentry","doc_category-kadence-blocks","knowledge_base-kadence-blocks"],"year_month":"2026-04","word_count":1806,"total_views":"9622","reactions":{"happy":"15","normal":"0","sad":"5"},"author_info":{"display_name":"Ben Ritner","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/britner\/"},"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\/602","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\/1265"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=602"}],"version-history":[{"count":33,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/602\/revisions"}],"predecessor-version":[{"id":16519,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/602\/revisions\/16519"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=602"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=602"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=602"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=602"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}