{"id":2032,"date":"2020-05-05T19:43:14","date_gmt":"2020-05-05T19:43:14","guid":{"rendered":"https:\/\/www.kadenceblocks.com\/?post_type=ht_kb&#038;p=2032"},"modified":"2026-04-22T17:13:02","modified_gmt":"2026-04-22T17:13:02","password":"","slug":"set-custom-widths-in-multi-column-row-layout-blocks","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/set-custom-widths-in-multi-column-row-layout-blocks\/","title":{"rendered":"Setting custom widths in multi-column Row Layout Blocks"},"content":{"rendered":"\n<p>The Kadence Row Layout Block supports the use of up to 6 Columns in a Single Row. Each column can be adjusted, giving you the power to make stunning multi-column layouts of different widths.<\/p>\n\n\n<style>.kb-image2032_4501ba-77 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image2032_4501ba-77 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"402\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Six-Column-Layout-1024x402.jpg\" alt=\"Six Column Layout\" class=\"kb-img wp-image-8522\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Six-Column-Layout-1024x402.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Six-Column-Layout-300x118.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Six-Column-Layout-768x302.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Six-Column-Layout-1536x603.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Six-Column-Layout-2048x805.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Six-Column-Layout-360x141.jpg 360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2032_8fee91-1a, .wp-block-kadence-advancedheading.kt-adv-heading2032_8fee91-1a[data-kb-block=\"kb-adv-heading2032_8fee91-1a\"]{padding-left:var(--global-kb-spacing-sm, 1.5rem);margin-bottom:0px;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2032_8fee91-1a mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2032_8fee91-1a[data-kb-block=\"kb-adv-heading2032_8fee91-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-heading2032_8fee91-1a img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2032_8fee91-1a[data-kb-block=\"kb-adv-heading2032_8fee91-1a\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading2032_8fee91-1a wp-block-kadence-advancedheading has-theme-palette-7-background-color has-background\" data-kb-block=\"kb-adv-heading2032_8fee91-1a\">You can only adjust the width of Row Layout Blocks that use a single-row layout. If it is a multi-row layout, the column adjustment option won&#8217;t be available.<\/p>\n\n\n<style>.kb-row-layout-id2032_8247b9-b4 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id2032_8247b9-b4 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id2032_8247b9-b4 > .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-xs, 1rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id2032_8247b9-b4 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id2032_8247b9-b4 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id2032_8247b9-b4 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id2032_8247b9-b4 alignnone has-theme-palette7-background-color kt-row-has-bg 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 kt-inner-column-height-full\">\n<style>.kadence-column2032_3e5fbf-51 > .kt-inside-inner-col{display:flex;}.kadence-column2032_3e5fbf-51 > .kt-inside-inner-col,.kadence-column2032_3e5fbf-51 > .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-column2032_3e5fbf-51 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column2032_3e5fbf-51 > .kt-inside-inner-col{flex-direction:column;justify-content:space-between;}.kadence-column2032_3e5fbf-51 > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column2032_3e5fbf-51{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2032_3e5fbf-51{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2032_3e5fbf-51 > .kt-inside-inner-col{flex-direction:column;justify-content:space-between;}.kadence-column2032_3e5fbf-51 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column2032_3e5fbf-51{position:relative;}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column2032_3e5fbf-51{align-self:center;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2032_3e5fbf-51{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2032_3e5fbf-51 > .kt-inside-inner-col{flex-direction:column;justify-content:space-between;}}@media all and (max-width: 1024px){.kadence-column2032_3e5fbf-51 > .kt-inside-inner-col{flex-direction:column;justify-content:space-between;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column2032_3e5fbf-51{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2032_3e5fbf-51{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2032_3e5fbf-51 > .kt-inside-inner-col{flex-direction:column;justify-content:space-between;}.kadence-column2032_3e5fbf-51 > .kt-inside-inner-col{flex-direction:column;justify-content:space-between;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column2032_3e5fbf-51\"><div class=\"kt-inside-inner-col\">\n<p>This is a Single-Row Layout. These types of Layouts do support the Custom Width Adjuster.<\/p>\n\n\n<style>.kb-image2032_002e98-6f .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image2032_002e98-6f\"><img loading=\"lazy\" decoding=\"async\" width=\"864\" height=\"468\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Single-Row-Layout.jpg\" alt=\"Single Row Layout\" class=\"kb-img wp-image-8600\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Single-Row-Layout.jpg 864w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Single-Row-Layout-300x163.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Single-Row-Layout-768x416.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Single-Row-Layout-360x195.jpg 360w\" sizes=\"auto, (max-width: 864px) 100vw, 864px\" \/><\/figure>\n<\/div><\/div>\n\n\n<style>.kadence-column2032_8ee248-00 > .kt-inside-inner-col{display:flex;}.kadence-column2032_8ee248-00 > .kt-inside-inner-col,.kadence-column2032_8ee248-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-column2032_8ee248-00 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column2032_8ee248-00 > .kt-inside-inner-col{flex-direction:column;justify-content:space-between;}.kadence-column2032_8ee248-00 > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column2032_8ee248-00{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2032_8ee248-00{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2032_8ee248-00 > .kt-inside-inner-col{flex-direction:column;justify-content:space-between;}.kadence-column2032_8ee248-00 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column2032_8ee248-00{position:relative;}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column2032_8ee248-00{align-self:center;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2032_8ee248-00{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2032_8ee248-00 > .kt-inside-inner-col{flex-direction:column;justify-content:space-between;}}@media all and (max-width: 1024px){.kadence-column2032_8ee248-00 > .kt-inside-inner-col{flex-direction:column;justify-content:space-between;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column2032_8ee248-00{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2032_8ee248-00{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2032_8ee248-00 > .kt-inside-inner-col{flex-direction:column;justify-content:space-between;}.kadence-column2032_8ee248-00 > .kt-inside-inner-col{flex-direction:column;justify-content:space-between;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column2032_8ee248-00\"><div class=\"kt-inside-inner-col\">\n<p>This is a Multi-Row Layout. These types of Layouts do not support the Custom Width Adjuster.<\/p>\n\n\n<style>.kb-image2032_633aa8-37 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image2032_633aa8-37\"><img loading=\"lazy\" decoding=\"async\" width=\"842\" height=\"448\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Multi-Row-Layout.jpg\" class=\"kb-img wp-image-8598\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Multi-Row-Layout.jpg 842w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Multi-Row-Layout-300x160.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Multi-Row-Layout-768x409.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Multi-Row-Layout-360x192.jpg 360w\" sizes=\"auto, (max-width: 842px) 100vw, 842px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id2032_e09ca7-db .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-id2032_e09ca7-db .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-id2032_e09ca7-db .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id2032_e09ca7-db .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-heading2032_3a1859-53, .wp-block-kadence-advancedheading.kt-adv-heading2032_3a1859-53[data-kb-block=\"kb-adv-heading2032_3a1859-53\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2032_3a1859-53 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2032_3a1859-53[data-kb-block=\"kb-adv-heading2032_3a1859-53\"] 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-heading2032_3a1859-53 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2032_3a1859-53[data-kb-block=\"kb-adv-heading2032_3a1859-53\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading2032_3a1859-53 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2032_3a1859-53\">Examples<\/h2>\n\n\n\n<p>You can adjust the number of columns and widths of each column to meet your design needs. Reference the examples below for layouts that the Row Layout Block can achieve.<\/p>\n\n\n<style>.kb-image2032_c26d1c-e9 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image2032_c26d1c-e9 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"413\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Five-Column-Layout-1024x413.jpg\" alt=\"\" class=\"kb-img wp-image-8523\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Five-Column-Layout-1024x413.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Five-Column-Layout-300x121.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Five-Column-Layout-768x310.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Five-Column-Layout-1536x619.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Five-Column-Layout-2048x825.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Five-Column-Layout-360x145.jpg 360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<style>.kb-image2032_311c01-a8 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image2032_311c01-a8 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"417\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Four-Column-Layour-1024x417.jpg\" alt=\"\" class=\"kb-img wp-image-8524\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Four-Column-Layour-1024x417.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Four-Column-Layour-300x122.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Four-Column-Layour-768x313.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Four-Column-Layour-1536x625.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Four-Column-Layour-2048x834.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Four-Column-Layour-360x147.jpg 360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<style>.kb-image2032_a3c9c5-56 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image2032_a3c9c5-56 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"424\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Three-Column-Layout-1024x424.jpg\" alt=\"\" class=\"kb-img wp-image-8525\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Three-Column-Layout-1024x424.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Three-Column-Layout-300x124.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Three-Column-Layout-768x318.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Three-Column-Layout-1536x635.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Three-Column-Layout-2048x847.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Three-Column-Layout-360x149.jpg 360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<style>.kb-image2032_1fea10-e8 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image2032_1fea10-e8 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"417\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Two-Column-Layout-1024x417.jpg\" alt=\"\" class=\"kb-img wp-image-8526\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Two-Column-Layout-1024x417.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Two-Column-Layout-300x122.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Two-Column-Layout-768x313.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Two-Column-Layout-1536x626.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Two-Column-Layout-2048x834.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Two-Column-Layout-360x147.jpg 360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2032_dc136f-c8, .wp-block-kadence-advancedheading.kt-adv-heading2032_dc136f-c8[data-kb-block=\"kb-adv-heading2032_dc136f-c8\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2032_dc136f-c8 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2032_dc136f-c8[data-kb-block=\"kb-adv-heading2032_dc136f-c8\"] 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-heading2032_dc136f-c8 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2032_dc136f-c8[data-kb-block=\"kb-adv-heading2032_dc136f-c8\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading2032_dc136f-c8 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2032_dc136f-c8\">Adjusting Multi-Column Layouts<\/h2>\n\n\n\n<p>To adjust a Row Layout Block with multiple columns, add a Row Layout Block to the page and select a multi-column layout.<\/p>\n\n\n<style>.kb-image2032_668295-ae .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image2032_668295-ae size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1282\" height=\"591\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Adding-Row-Layout-Blocks.gif\" alt=\"Adding Row Layout Blocks\" class=\"kb-img wp-image-8545\" \/><\/figure>\n\n\n\n<p>Select the Row Layout Block. With the Row Layout Block selected, notice the adjuster icon(s) between the sections within the Row Layout Block.<\/p>\n\n\n<style>.kb-image2032_006699-f5 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image2032_006699-f5\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"414\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Adjuster-Icon-1024x414.jpg\" alt=\"\" class=\"kb-img wp-image-8540\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Adjuster-Icon-1024x414.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Adjuster-Icon-300x121.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Adjuster-Icon-768x310.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Adjuster-Icon-1536x621.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Adjuster-Icon-2048x828.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Adjuster-Icon-360x145.jpg 360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p><br>Hovering over this icon will show you the percentage of the section split<\/p>\n\n\n<style>.kb-image2032_274d95-b2 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image2032_274d95-b2\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1203\" height=\"445\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Hover-Percentage.gif\" alt=\"Hover Percentage\" class=\"kb-img wp-image-8541\" \/><\/figure><\/div>\n\n\n\n<p>Once you click the adjuster icon, it can be dragged to the left or right to adjust the column widths.<\/p>\n\n\n<style>.kb-image2032_8c99a0-97 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image2032_8c99a0-97\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1196\" height=\"432\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Adjusting-Two-Columns.gif\" alt=\"Adjusting Two Columns\" class=\"kb-img wp-image-8542\" \/><\/figure><\/div>\n\n\n\n<p>On each side of the adjuster, the percentage of each column can be viewed for adjustment. The left side of the adjuster will display the percentage of the column to the left of the adjuster and the right side of the adjuster will display the percentage of the column to the right of the adjuster accordingly.<\/p>\n\n\n<style>.kb-image2032_15d384-6d .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image2032_15d384-6d size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1235\" height=\"456\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Adjusting-Three-Columns.gif\" alt=\"Adjusting Three Columns\" class=\"kb-img wp-image-8543\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2032_6066ad-37, .wp-block-kadence-advancedheading.kt-adv-heading2032_6066ad-37[data-kb-block=\"kb-adv-heading2032_6066ad-37\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2032_6066ad-37 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2032_6066ad-37[data-kb-block=\"kb-adv-heading2032_6066ad-37\"] 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-heading2032_6066ad-37 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2032_6066ad-37[data-kb-block=\"kb-adv-heading2032_6066ad-37\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading2032_6066ad-37 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2032_6066ad-37\">Layout Block Setting<\/h3>\n\n\n\n<p>The Layout Block Setting can be used to select a standard layout for your Row Layout Block. The number of columns you decide to use will determine the available layout options.<\/p>\n\n\n<style>.kb-image2032_c58eb8-8f.kb-image-is-ratio-size, .kb-image2032_c58eb8-8f .kb-image-is-ratio-size{max-width:300px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image2032_c58eb8-8f.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image2032_c58eb8-8f .kb-image-is-ratio-size{align-self:unset;}.kb-image2032_c58eb8-8f figure{max-width:300px;}.kb-image2032_c58eb8-8f .image-is-svg, .kb-image2032_c58eb8-8f .image-is-svg img{width:100%;}.kb-image2032_c58eb8-8f .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image2032_c58eb8-8f\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"330\" height=\"543\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Layout-Options.gif\" alt=\"Layout Options\" class=\"kb-img wp-image-8549\" \/><\/figure><\/div>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2032_57368f-b4, .wp-block-kadence-advancedheading.kt-adv-heading2032_57368f-b4[data-kb-block=\"kb-adv-heading2032_57368f-b4\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2032_57368f-b4 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2032_57368f-b4[data-kb-block=\"kb-adv-heading2032_57368f-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-heading2032_57368f-b4 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2032_57368f-b4[data-kb-block=\"kb-adv-heading2032_57368f-b4\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading2032_57368f-b4 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2032_57368f-b4\">Adjusting Tablet and Mobile Widths Separately<\/h3>\n\n\n\n<p>Whenever an adjustment is made for a desktop, there are cases where it would be ideal to use different column widths depending on the device type. The Kadence Row Layout Block allows you to use different column widths for desktop, tablet, and mobile screen sizes.<br><br>When selecting the Row Layout Block, look for the Layout Block Setting. Click on the tablet or mobile icon next to the Layout Block Setting to adjust the setting for that screen size.<\/p>\n\n\n<style>.kb-image2032_c10bba-df .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image2032_c10bba-df size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1612\" height=\"800\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/05\/Responsive-Adjustments.gif\" alt=\"Responsive Adjustments\" class=\"kb-img wp-image-8548\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The Kadence Row Layout Block supports the use of up to 6 Columns in a Single Row. Each column can be adjusted, giving you the power to make stunning multi-column layouts of different widths. You can only adjust the width of Row Layout Blocks that use a single-row layout. If it is a multi-row layout,&#8230;<\/p>\n","protected":false},"author":1265,"featured_media":0,"template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"doc_category":[411],"doc_tag":[],"knowledge_base":[7],"class_list":["post-2032","docs","type-docs","status-publish","hentry","doc_category-blocks-start","knowledge_base-kadence-blocks"],"year_month":"2026-06","word_count":379,"total_views":"14020","reactions":{"happy":"5","normal":"1","sad":"3"},"author_info":{"display_name":"Ben Ritner","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/britner\/"},"doc_category_info":[{"term_name":"Getting Started","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-blocks\/blocks-start\/"}],"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":411,"label":"Getting Started"}],"knowledge_base":[{"value":7,"label":"Kadence Blocks"}]},"featured_image_src_large":false,"comment_info":"","_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/2032","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"}],"version-history":[{"count":27,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/2032\/revisions"}],"predecessor-version":[{"id":8601,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/2032\/revisions\/8601"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=2032"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=2032"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=2032"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=2032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}