{"id":13693,"date":"2025-07-29T21:43:57","date_gmt":"2025-07-29T21:43:57","guid":{"rendered":"https:\/\/www.kadencewp.com\/help-center\/?post_type=docs&#038;p=13693"},"modified":"2026-04-22T16:41:46","modified_gmt":"2026-04-22T16:41:46","password":"","slug":"block-padding-and-margin","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/block-padding-and-margin\/","title":{"rendered":"Using Padding and Margin in Kadence Blocks"},"content":{"rendered":"\n<p>When refining your website\u2019s layout and design, <strong>padding<\/strong> and <strong>margin<\/strong> are two fundamental tools you&#8217;ll often work with. When using Kadence Blocks, you&#8217;ll often see options to adjust padding and margin values. Padding and margin are universal in web development and are always in use as you navigate various types of websites.<\/p>\n\n\n\n<p>This guide will walk you through what these settings do, how they\u2019re different, and where you can find and adjust them throughout the Kadence Blocks ecosystem.<\/p>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id13693_266d59-e6 .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-id13693_266d59-e6 .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-id13693_266d59-e6 .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id13693_266d59-e6 .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-heading13693_08c108-1f, .wp-block-kadence-advancedheading.kt-adv-heading13693_08c108-1f[data-kb-block=\"kb-adv-heading13693_08c108-1f\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13693_08c108-1f mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13693_08c108-1f[data-kb-block=\"kb-adv-heading13693_08c108-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-heading13693_08c108-1f img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13693_08c108-1f[data-kb-block=\"kb-adv-heading13693_08c108-1f\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 id=\"what-is-margin-and-padding\" class=\"kt-adv-heading13693_08c108-1f wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13693_08c108-1f\">What is Margin &amp; Padding?<\/h2>\n\n\n\n<p><strong>Margin<\/strong> is the space <em>outside<\/em> of an element. Think of it as the distance between one block and the next. Adding a margin pushes the entire element away from other elements surrounding it.<br><br>For example, adding a bottom margin to a Row Layout block creates extra space beneath it, pushing the next block further down the page.<\/p>\n\n\n<style>.kb-image13693_16edc4-dc .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image13693_16edc4-dc size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1850\" height=\"1039\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Margin-Example.gif\" alt=\"Margin Example\" class=\"kb-img wp-image-13923\" \/><\/figure>\n\n\n\n<p><strong>Padding<\/strong> is the space <em>inside<\/em> an element, between the content and the border of the block or container it\u2019s in. For example, if you have a Section block with a background color applied, the inner content may need spacing away from the edge. This is where padding can come in handy.<\/p>\n\n\n<style>.kb-image13693_0f4c45-64 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image13693_0f4c45-64 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1845\" height=\"1052\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Padding.gif\" alt=\"Padding\" class=\"kb-img wp-image-13924\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13693_16b01d-e1, .wp-block-kadence-advancedheading.kt-adv-heading13693_16b01d-e1[data-kb-block=\"kb-adv-heading13693_16b01d-e1\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13693_16b01d-e1 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13693_16b01d-e1[data-kb-block=\"kb-adv-heading13693_16b01d-e1\"] 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-heading13693_16b01d-e1 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13693_16b01d-e1[data-kb-block=\"kb-adv-heading13693_16b01d-e1\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading13693_16b01d-e1 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13693_16b01d-e1\">Commonly, Kadence Block settings include options for <strong>both<\/strong> <strong>padding<\/strong> and <strong>margin<\/strong>. These two tools often work hand-in-hand and can sometimes feel interchangeable, but they each serve a unique purpose depending on what you&#8217;re trying to achieve.<br><br>For example, if you&#8217;re adding space inside a block (like around the content), you&#8217;d use padding. If you&#8217;re creating space outside a block (like between two elements), you&#8217;d use margin. In most cases, you can experiment with both to get your layout just right for the use case. But for specific tasks, like creating space around a background color or image, padding is the standard choice. <br><br>Want to dive deeper? Check out the resources below for a full breakdown of how padding and margin work.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.w3schools.com\/css\/css_padding.asp\" target=\"_blank\" rel=\"noreferrer noopener\">CSS Padding<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.w3schools.com\/css\/css_margin.asp\" target=\"_blank\" rel=\"noreferrer noopener\">CSS Margin<\/a><\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13693_698060-7b, .wp-block-kadence-advancedheading.kt-adv-heading13693_698060-7b[data-kb-block=\"kb-adv-heading13693_698060-7b\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13693_698060-7b mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13693_698060-7b[data-kb-block=\"kb-adv-heading13693_698060-7b\"] 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-heading13693_698060-7b img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13693_698060-7b[data-kb-block=\"kb-adv-heading13693_698060-7b\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 id=\"adding-margin-and-padding-to-blocks\" class=\"kt-adv-heading13693_698060-7b wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13693_698060-7b\">Adding Margin &amp; Padding to Kadence Blocks<\/h3>\n\n\n\n<p>When using <strong>Kadence Blocks<\/strong>, you\u2019ll often find <strong>padding<\/strong> and <strong>margin<\/strong> settings in the <strong>Advanced<\/strong> section of the block settings panel. These controls let you apply spacing to the entire block you&#8217;ve selected.<\/p>\n\n\n<style>.kb-image13693_109b3b-72 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image13693_109b3b-72 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1510\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Advanced-Block-Settings-scaled.jpg\" alt=\"Advanced Block Settings\" class=\"kb-img wp-image-13927\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Advanced-Block-Settings-scaled.jpg 2560w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Advanced-Block-Settings-300x177.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Advanced-Block-Settings-1024x604.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Advanced-Block-Settings-768x453.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Advanced-Block-Settings-1536x906.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Advanced-Block-Settings-2048x1208.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Advanced-Block-Settings-360x212.jpg 360w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13693_590256-4c, .wp-block-kadence-advancedheading.kt-adv-heading13693_590256-4c[data-kb-block=\"kb-adv-heading13693_590256-4c\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13693_590256-4c mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13693_590256-4c[data-kb-block=\"kb-adv-heading13693_590256-4c\"] 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-heading13693_590256-4c img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13693_590256-4c[data-kb-block=\"kb-adv-heading13693_590256-4c\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 id=\"global-padding\" class=\"kt-adv-heading13693_590256-4c wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13693_590256-4c\">Global Paddings in Blocks<\/h3>\n\n\n\n<p>When you add a <strong>background<\/strong> to blocks, such as a <strong>Section<\/strong> <strong>Block<\/strong> or a <strong>Row<\/strong> <strong>Layout<\/strong> <strong>Block<\/strong>, Kadence automatically applies <strong>Global Left and Right Padding<\/strong>. This ensures that the content inside the Block remains visible and doesn\u2019t sit directly on the edge.<\/p>\n\n\n\n<p>For example, if you place text inside a Row Layout Block without a background, it will align directly with the <span style=\"text-decoration: underline\">block edge<\/span>. Once a background is added, the Global Padding is applied to create spacing on the left and right.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13693_83c38e-7a, .wp-block-kadence-advancedheading.kt-adv-heading13693_83c38e-7a[data-kb-block=\"kb-adv-heading13693_83c38e-7a\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13693_83c38e-7a mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13693_83c38e-7a[data-kb-block=\"kb-adv-heading13693_83c38e-7a\"] 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-heading13693_83c38e-7a img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13693_83c38e-7a[data-kb-block=\"kb-adv-heading13693_83c38e-7a\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading13693_83c38e-7a wp-block-kadence-advancedheading has-theme-palette-7-background-color has-background\" data-kb-block=\"kb-adv-heading13693_83c38e-7a\"><strong>Note:<\/strong> Global Padding is only applied if those padding values have not already been set before the background is added.<\/p>\n\n\n<style>.kb-image13693_a71f44-1d .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image13693_a71f44-1d size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1895\" height=\"973\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Adding-Global-Padding.gif\" alt=\"Adding Global Padding\" class=\"kb-img wp-image-14726\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13693_ebbe2a-9c, .wp-block-kadence-advancedheading.kt-adv-heading13693_ebbe2a-9c[data-kb-block=\"kb-adv-heading13693_ebbe2a-9c\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13693_ebbe2a-9c mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13693_ebbe2a-9c[data-kb-block=\"kb-adv-heading13693_ebbe2a-9c\"] 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-heading13693_ebbe2a-9c img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13693_ebbe2a-9c[data-kb-block=\"kb-adv-heading13693_ebbe2a-9c\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading13693_ebbe2a-9c wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13693_ebbe2a-9c\"><strong>Where Does Global Padding Come From?<\/strong> <br>The Global Padding values are defined in your <strong>Kadence Theme settings<\/strong>, in the <strong>Customizer -&gt; General -&gt; Layout<\/strong> settings under the <strong>Content Left\/Right Edge Spacing<\/strong> setting.<\/p>\n\n\n<style>.kb-image13693_263a6b-c8.kb-image-is-ratio-size, .kb-image13693_263a6b-c8 .kb-image-is-ratio-size{max-width:500px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image13693_263a6b-c8.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image13693_263a6b-c8 .kb-image-is-ratio-size{align-self:unset;}.kb-image13693_263a6b-c8 figure{max-width:500px;}.kb-image13693_263a6b-c8 .image-is-svg, .kb-image13693_263a6b-c8 .image-is-svg img{width:100%;}.kb-image13693_263a6b-c8 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image13693_263a6b-c8\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1663\" height=\"726\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Content-LeftRight-Spacing.jpg\" alt=\"Content Left:Right Spacing\" class=\"kb-img wp-image-14727\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Content-LeftRight-Spacing.jpg 1663w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Content-LeftRight-Spacing-300x131.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Content-LeftRight-Spacing-1024x447.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Content-LeftRight-Spacing-768x335.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Content-LeftRight-Spacing-1536x671.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Content-LeftRight-Spacing-360x157.jpg 360w\" sizes=\"auto, (max-width: 1663px) 100vw, 1663px\" \/><\/figure><\/div>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13693_6d5798-a4, .wp-block-kadence-advancedheading.kt-adv-heading13693_6d5798-a4[data-kb-block=\"kb-adv-heading13693_6d5798-a4\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13693_6d5798-a4 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13693_6d5798-a4[data-kb-block=\"kb-adv-heading13693_6d5798-a4\"] 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-heading13693_6d5798-a4 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13693_6d5798-a4[data-kb-block=\"kb-adv-heading13693_6d5798-a4\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading13693_6d5798-a4 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13693_6d5798-a4\"><strong>Managing Global Padding.<\/strong><br>If you use the <strong>reset option<\/strong> (back-facing arrow) and the Block has a background applied, the Global Left\/Right Padding will automatically be reapplied. When editing padding in the Block, the <strong>Left <\/strong>and<strong> Right <\/strong>fields display<strong> \u201cGlobal.\u201d<\/strong> You can override this by manually setting the padding value.<\/p>\n\n\n<style>.kb-image13693_6ab7d9-cc .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image13693_6ab7d9-cc size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1894\" height=\"1168\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Managing-Global-Padding.gif\" alt=\"Managing Global Padding\" class=\"kb-img wp-image-14728\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13693_978ed7-4a, .wp-block-kadence-advancedheading.kt-adv-heading13693_978ed7-4a[data-kb-block=\"kb-adv-heading13693_978ed7-4a\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13693_978ed7-4a mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13693_978ed7-4a[data-kb-block=\"kb-adv-heading13693_978ed7-4a\"] 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-heading13693_978ed7-4a img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13693_978ed7-4a[data-kb-block=\"kb-adv-heading13693_978ed7-4a\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h4 id=\"advanced-text-background-padding\" class=\"kt-adv-heading13693_978ed7-4a wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13693_978ed7-4a\">Advanced Text Background Padding<\/h4>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13693_6d9451-be, .wp-block-kadence-advancedheading.kt-adv-heading13693_6d9451-be[data-kb-block=\"kb-adv-heading13693_6d9451-be\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13693_6d9451-be mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13693_6d9451-be[data-kb-block=\"kb-adv-heading13693_6d9451-be\"] 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-heading13693_6d9451-be img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13693_6d9451-be[data-kb-block=\"kb-adv-heading13693_6d9451-be\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading13693_6d9451-be wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13693_6d9451-be\">Advanced Text Blocks do <strong>not<\/strong> use the same Global Left\/Right Padding system as Row Layout Blocks. However, when you apply a <strong>background<\/strong> <strong>color<\/strong> to an Advanced Text Block, Kadence automatically adds <strong>default padding<\/strong>:<\/p>\n\n\n\n<ul style=\"margin-bottom:var(--wp--preset--spacing--20)\" class=\"wp-block-list\">\n<li><strong>Top:<\/strong> 1.25\u202fem<\/li>\n\n\n\n<li><strong>Bottom:<\/strong> 2.375\u202fem<\/li>\n<\/ul>\n\n\n\n<p>This ensures that the text does not sit directly on the edge of the background, keeping the content readable and visually balanced.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13693_5843ef-42, .wp-block-kadence-advancedheading.kt-adv-heading13693_5843ef-42[data-kb-block=\"kb-adv-heading13693_5843ef-42\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13693_5843ef-42 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13693_5843ef-42[data-kb-block=\"kb-adv-heading13693_5843ef-42\"] 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-heading13693_5843ef-42 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13693_5843ef-42[data-kb-block=\"kb-adv-heading13693_5843ef-42\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h4 id=\"removing-global-paddings\" class=\"kt-adv-heading13693_5843ef-42 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13693_5843ef-42\"><strong>Using Block Defaults to Bypass Global Padding.<\/strong><\/h4>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13693_b5519e-a5, .wp-block-kadence-advancedheading.kt-adv-heading13693_b5519e-a5[data-kb-block=\"kb-adv-heading13693_b5519e-a5\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13693_b5519e-a5 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13693_b5519e-a5[data-kb-block=\"kb-adv-heading13693_b5519e-a5\"] 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-heading13693_b5519e-a5 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13693_b5519e-a5[data-kb-block=\"kb-adv-heading13693_b5519e-a5\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading13693_b5519e-a5 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13693_b5519e-a5\">If you prefer to remove Global Padding from all new Blocks, you can:<\/p>\n\n\n\n<ol style=\"margin-bottom:var(--wp--preset--spacing--20)\" class=\"wp-block-list\">\n<li>Set the <strong>Left and Right padding values<\/strong> to <strong>None<\/strong>. <br><em>(For Advanced Text Blocks, also set the top and bottom values to none)<\/em><\/li>\n\n\n\n<li>Save the block as a <strong><a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/setting-block-defaults\/\" target=\"_blank\" rel=\"noreferrer noopener\">Block Default<\/a><\/strong>.<\/li>\n<\/ol>\n\n\n\n<p>This ensures that future Row Layout Blocks will <strong>ignore the Global Padding functionality<\/strong> by default.<\/p>\n\n\n<style>.kb-row-layout-id13693_01d305-3b > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id13693_01d305-3b > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id13693_01d305-3b > .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-id13693_01d305-3b > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id13693_01d305-3b > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id13693_01d305-3b > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id13693_01d305-3b 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-column13693_1079cb-d4 > .kt-inside-inner-col,.kadence-column13693_1079cb-d4 > .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-column13693_1079cb-d4 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column13693_1079cb-d4 > .kt-inside-inner-col{flex-direction:column;}.kadence-column13693_1079cb-d4 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column13693_1079cb-d4 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column13693_1079cb-d4{position:relative;}@media all and (max-width: 1024px){.kadence-column13693_1079cb-d4 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column13693_1079cb-d4 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column13693_1079cb-d4\"><div class=\"kt-inside-inner-col\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"586\" height=\"698\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Setting-Padding-to-None.jpg\" alt=\"Setting Padding to None\" class=\"wp-image-14729\" style=\"width:200px\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Setting-Padding-to-None.jpg 586w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Setting-Padding-to-None-252x300.jpg 252w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Setting-Padding-to-None-360x429.jpg 360w\" sizes=\"auto, (max-width: 586px) 100vw, 586px\" \/><\/figure><\/div><\/div><\/div>\n\n\n<style>.kadence-column13693_e890d8-53 > .kt-inside-inner-col,.kadence-column13693_e890d8-53 > .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-column13693_e890d8-53 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column13693_e890d8-53 > .kt-inside-inner-col{flex-direction:column;}.kadence-column13693_e890d8-53 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column13693_e890d8-53 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column13693_e890d8-53{position:relative;}@media all and (max-width: 1024px){.kadence-column13693_e890d8-53 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column13693_e890d8-53 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column13693_e890d8-53\"><div class=\"kt-inside-inner-col\"><style>.kb-image13693_e1b83f-f8.kb-image-is-ratio-size, .kb-image13693_e1b83f-f8 .kb-image-is-ratio-size{max-width:250px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image13693_e1b83f-f8.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image13693_e1b83f-f8 .kb-image-is-ratio-size{align-self:unset;}.kb-image13693_e1b83f-f8 figure{max-width:250px;}.kb-image13693_e1b83f-f8 .image-is-svg, .kb-image13693_e1b83f-f8 .image-is-svg img{width:100%;}.kb-image13693_e1b83f-f8 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image13693_e1b83f-f8\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"552\" height=\"1018\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Saving-Block-Defaults.jpg\" alt=\"Saving Block Defaults\" class=\"kb-img wp-image-14730\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Saving-Block-Defaults.jpg 552w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Saving-Block-Defaults-163x300.jpg 163w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Saving-Block-Defaults-278x512.jpg 278w\" sizes=\"auto, (max-width: 552px) 100vw, 552px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13693_239f48-73, .wp-block-kadence-advancedheading.kt-adv-heading13693_239f48-73[data-kb-block=\"kb-adv-heading13693_239f48-73\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13693_239f48-73 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13693_239f48-73[data-kb-block=\"kb-adv-heading13693_239f48-73\"] 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-heading13693_239f48-73 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13693_239f48-73[data-kb-block=\"kb-adv-heading13693_239f48-73\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 id=\"negative-margins\" class=\"kt-adv-heading13693_239f48-73 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13693_239f48-73\">Using Negative Margins in Blocks<\/h3>\n\n\n\n<p><strong>Negative<\/strong> <strong>margin<\/strong> values let you pull blocks outside of their default spacing, allowing for creative, layered designs. However, be cautious when using negative values, as they can affect <a href=\"#responsive-settings\">layout consistency across different devices<\/a>.<br><br>For example, let\u2019s say you have two Row Layout blocks stacked one after the other. If you want one of them to slightly sit on top of the other (for a stylish, layered look), you can give that block a negative top margin. This pulls it up and makes it look like it\u2019s breaking out of the normal layout. <em>(See the GIF below.)<\/em><\/p>\n\n\n<style>.kb-image13693_95cdeb-90 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image13693_95cdeb-90 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1855\" height=\"1039\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Negative-Margin.gif\" alt=\"Negative Margin\" class=\"kb-img wp-image-13922\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13693_bd8fa0-69, .wp-block-kadence-advancedheading.kt-adv-heading13693_bd8fa0-69[data-kb-block=\"kb-adv-heading13693_bd8fa0-69\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13693_bd8fa0-69 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13693_bd8fa0-69[data-kb-block=\"kb-adv-heading13693_bd8fa0-69\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading13693_bd8fa0-69 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13693_bd8fa0-69[data-kb-block=\"kb-adv-heading13693_bd8fa0-69\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 id=\"responsive-settings\" class=\"kt-adv-heading13693_bd8fa0-69 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13693_bd8fa0-69\">Responsive Spacing<\/h3>\n\n\n\n<p>When adjusting spacing values, it\u2019s important to set them responsively. A 100px padding might make sense on a desktop view. However, that may result in extra unwanted padding on mobile views. Instead, use the Kadence Responsive Controls to set different padding and margin values for each device type.<\/p>\n\n\n<style>.kb-row-layout-id13693_b95176-13 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id13693_b95176-13 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id13693_b95176-13 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id13693_b95176-13 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id13693_b95176-13 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id13693_b95176-13 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id13693_b95176-13 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-column13693_c1ac1a-4a > .kt-inside-inner-col,.kadence-column13693_c1ac1a-4a > .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-column13693_c1ac1a-4a > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column13693_c1ac1a-4a > .kt-inside-inner-col{flex-direction:column;}.kadence-column13693_c1ac1a-4a > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column13693_c1ac1a-4a > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column13693_c1ac1a-4a{position:relative;}@media all and (max-width: 1024px){.kadence-column13693_c1ac1a-4a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column13693_c1ac1a-4a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column13693_c1ac1a-4a\"><div class=\"kt-inside-inner-col\">\n<p>The Responsive Controls can be found near block setting labels. They are represented by a desktop, tablet, and mobile icon.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column13693_58a364-f0 > .kt-inside-inner-col,.kadence-column13693_58a364-f0 > .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-column13693_58a364-f0 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column13693_58a364-f0 > .kt-inside-inner-col{flex-direction:column;}.kadence-column13693_58a364-f0 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column13693_58a364-f0 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column13693_58a364-f0{position:relative;}@media all and (max-width: 1024px){.kadence-column13693_58a364-f0 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column13693_58a364-f0 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column13693_58a364-f0\"><div class=\"kt-inside-inner-col\"><style>.kb-image13693_434c15-da.kb-image-is-ratio-size, .kb-image13693_434c15-da .kb-image-is-ratio-size{max-width:250px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image13693_434c15-da.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image13693_434c15-da .kb-image-is-ratio-size{align-self:unset;}.kb-image13693_434c15-da figure{max-width:250px;}.kb-image13693_434c15-da .image-is-svg, .kb-image13693_434c15-da .image-is-svg img{width:100%;}.kb-image13693_434c15-da .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image13693_434c15-da\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"500\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Responsive-Settings.jpg\" alt=\"Responsive Settings\" class=\"kb-img wp-image-14087\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Responsive-Settings.jpg 728w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Responsive-Settings-300x206.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Responsive-Settings-360x247.jpg 360w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id13693_665cbd-d7 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id13693_665cbd-d7 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id13693_665cbd-d7 > .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, 1fr);}.kb-row-layout-id13693_665cbd-d7 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id13693_665cbd-d7 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id13693_665cbd-d7 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id13693_665cbd-d7 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column13693_143e81-f0 > .kt-inside-inner-col,.kadence-column13693_143e81-f0 > .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-column13693_143e81-f0 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column13693_143e81-f0 > .kt-inside-inner-col{flex-direction:column;}.kadence-column13693_143e81-f0 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column13693_143e81-f0 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column13693_143e81-f0{position:relative;}@media all and (max-width: 1024px){.kadence-column13693_143e81-f0 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column13693_143e81-f0 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column13693_143e81-f0\"><div class=\"kt-inside-inner-col\">\n<p><strong>Example:<\/strong><br>In this example, notice the hero Row Layout block has a large top and bottom padding. The GIF demonstrates how you can use the responsive controls to lower the padding values for each device type. This also works the same for margin values and various other block settings.<br><em>(This same theory would apply to left and right spacing values as well.)<\/em><\/p>\n\n\n<style>.kb-image13693_b7f1ec-27 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image13693_b7f1ec-27 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1566\" height=\"855\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Responsive-Block-Padding.gif\" alt=\"Responsive Block Padding\" class=\"kb-img wp-image-13931\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>When refining your website\u2019s layout and design, padding and margin are two fundamental tools you&#8217;ll often work with. When using Kadence Blocks, you&#8217;ll often see options to adjust padding and margin values. Padding and margin are universal in web development and are always in use as you navigate various types of websites. This guide will&#8230;<\/p>\n","protected":false},"author":148263,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"doc_category":[417],"doc_tag":[],"knowledge_base":[7],"class_list":["post-13693","docs","type-docs","status-publish","hentry","doc_category-block-tutorials","knowledge_base-kadence-blocks"],"year_month":"2026-04","word_count":915,"total_views":"3826","reactions":{"happy":"3","normal":"0","sad":"2"},"author_info":{"display_name":"victormonk","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/victormonk\/"},"doc_category_info":[{"term_name":"Block Tutorials","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-blocks\/block-tutorials\/"}],"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":417,"label":"Block Tutorials"}],"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\/13693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/users\/148263"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=13693"}],"version-history":[{"count":20,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/13693\/revisions"}],"predecessor-version":[{"id":14731,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/13693\/revisions\/14731"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=13693"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=13693"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=13693"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=13693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}