{"id":16592,"date":"2026-01-12T22:15:56","date_gmt":"2026-01-12T22:15:56","guid":{"rendered":"https:\/\/www.kadencewp.com\/help-center\/?post_type=docs&#038;p=16592"},"modified":"2026-04-22T16:22:44","modified_gmt":"2026-04-22T16:22:44","password":"","slug":"add-modify-row-layout-svg-dividers","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/add-modify-row-layout-svg-dividers\/","title":{"rendered":"How to Modify SVG Dividers in Kadence Row Layout Blocks"},"content":{"rendered":"\n<p>The Kadence <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/row-layout-block\/\">Row Layout Block<\/a> includes the ability to use Top and Bottom Dividers that make it easy to visually separate sections of a page.<br><br>For users who want more control over the divider shapes, Kadence Blocks provides a way for <strong>advanced<\/strong> <strong>users<\/strong> to add <strong>custom<\/strong> <strong>SVG<\/strong> <strong>dividers<\/strong> by <strong>modifying<\/strong> <strong>existing<\/strong> <strong>ones<\/strong> via a custom PHP snippet using a WordPress filter. This method is update-safe and allows custom dividers to appear and behave just like the built-in divider options within the Row Layout Block.<\/p>\n\n\n<style>.kb-image16592_3264ac-35.kb-image-is-ratio-size, .kb-image16592_3264ac-35 .kb-image-is-ratio-size{max-width:700px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image16592_3264ac-35.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image16592_3264ac-35 .kb-image-is-ratio-size{align-self:unset;}.kb-image16592_3264ac-35 figure{max-width:700px;}.kb-image16592_3264ac-35 .image-is-svg, .kb-image16592_3264ac-35 .image-is-svg img{width:100%;}.kb-image16592_3264ac-35 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image16592_3264ac-35\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1678\" height=\"968\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2026\/01\/Dividers.gif\" alt=\"Dividers Demonstration\" class=\"kb-img wp-image-16593\" \/><\/figure><\/div>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id16592_cdae03-f6 .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-id16592_cdae03-f6 .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-id16592_cdae03-f6 .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id16592_cdae03-f6 .kb-table-of-content-wrap .kb-table-of-content-list{font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}<\/style>\n\n\n<h2 class=\"wp-block-heading\"><strong>The Filter<\/strong><\/h2>\n\n\n\n<p>Custom dividers can be added or modified using the <code>kadence_blocks_row_divider_paths<\/code> filter: <\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16592_a3f8d4-b1, .wp-block-kadence-advancedheading.kt-adv-heading16592_a3f8d4-b1[data-kb-block=\"kb-adv-heading16592_a3f8d4-b1\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16592_a3f8d4-b1 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16592_a3f8d4-b1[data-kb-block=\"kb-adv-heading16592_a3f8d4-b1\"] 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-heading16592_a3f8d4-b1 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16592_a3f8d4-b1[data-kb-block=\"kb-adv-heading16592_a3f8d4-b1\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading16592_a3f8d4-b1 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading16592_a3f8d4-b1\">This filter allows users to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Add<\/strong> <strong>additional<\/strong> divider shapes<\/li>\n\n\n\n<li><strong>Override<\/strong> <strong>existing<\/strong> divider shapes<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Adding a Code Snippet<\/strong><\/h3>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16592_f2a34c-15, .wp-block-kadence-advancedheading.kt-adv-heading16592_f2a34c-15[data-kb-block=\"kb-adv-heading16592_f2a34c-15\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16592_f2a34c-15 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16592_f2a34c-15[data-kb-block=\"kb-adv-heading16592_f2a34c-15\"] 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-heading16592_f2a34c-15 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16592_f2a34c-15[data-kb-block=\"kb-adv-heading16592_f2a34c-15\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading16592_f2a34c-15 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading16592_f2a34c-15\">For this method, you will be required to modify and use a <strong>Custom Code<\/strong>. <br><br>Custom Codes can be added to one of the following locations:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A child theme\u2019s functions.php file.<\/li>\n\n\n\n<li>A code snippets plugin.<\/li>\n\n\n\n<li>A custom plugin.<\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16592_1f0c28-cb, .wp-block-kadence-advancedheading.kt-adv-heading16592_1f0c28-cb[data-kb-block=\"kb-adv-heading16592_1f0c28-cb\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16592_1f0c28-cb mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16592_1f0c28-cb[data-kb-block=\"kb-adv-heading16592_1f0c28-cb\"] 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-heading16592_1f0c28-cb img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16592_1f0c28-cb[data-kb-block=\"kb-adv-heading16592_1f0c28-cb\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading16592_1f0c28-cb wp-block-kadence-advancedheading has-theme-palette-8-background-color has-background\" data-kb-block=\"kb-adv-heading16592_1f0c28-cb\"><strong>Tip:&nbsp;<\/strong><span style=\"text-decoration: underline\">Do not<\/span> edit the Kadence Blocks plugin files directly. Changes made to plugin files will be overwritten during updates.&nbsp; For more information on how to safely add code snippets, please refer to:&nbsp; <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/how-to-add-a-custom-filter-or-function-with-code-snippets\/\">How to Add Custom Snippets<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Divider Path Structure<\/strong><\/h3>\n\n\n\n<p>Row Layout dividers are <strong>generated<\/strong> <strong>programmatically<\/strong> and are <span style=\"text-decoration: underline\">not loaded<\/span> from <span style=\"text-decoration: underline\">external SVG files<\/span>. Each divider is defined as an array in the following key\/value format:<br><br><code>$paths['divider_key'] = 'path';<\/code><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>divider_key<\/strong> is a unique internal identifier used by Kadence<\/li>\n\n\n\n<li><strong>path<\/strong> contains the SVG data (for example, &lt;path d=&#8221;M1000\u2026&#8221; \/&gt;)<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Modifying an Existing Divider<\/strong><\/h2>\n\n\n\n<p>Existing dividers can be modified by targeting their array key <em>(See Kadence Built-in Divider Shape Reference <a href=\"#divider-shape-reference\">below<\/a>).<\/em><\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16592_9404c0-0f, .wp-block-kadence-advancedheading.kt-adv-heading16592_9404c0-0f[data-kb-block=\"kb-adv-heading16592_9404c0-0f\"]{margin-bottom:0px;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16592_9404c0-0f mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16592_9404c0-0f[data-kb-block=\"kb-adv-heading16592_9404c0-0f\"] 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-heading16592_9404c0-0f img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16592_9404c0-0f[data-kb-block=\"kb-adv-heading16592_9404c0-0f\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading16592_9404c0-0f wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading16592_9404c0-0f\">The following example replaces the SVG path for the built-in<strong> curve<\/strong> divider.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">add_filter( 'kadence_blocks_row_divider_paths', function( $paths ) {\n\n\tif ( isset( $paths['crv'] ) ) {\n\t\t$paths['crv'] = '&lt;path d=\"M0,40C0,40 250,-20 500,40 750,100 1000,40 1000,40L0,40Z\" \/&gt;';\n\t}\n\n\treturn $paths;\n});<\/code><\/pre>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16592_daa64e-ee, .wp-block-kadence-advancedheading.kt-adv-heading16592_daa64e-ee[data-kb-block=\"kb-adv-heading16592_daa64e-ee\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16592_daa64e-ee mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16592_daa64e-ee[data-kb-block=\"kb-adv-heading16592_daa64e-ee\"] 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-heading16592_daa64e-ee img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16592_daa64e-ee[data-kb-block=\"kb-adv-heading16592_daa64e-ee\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading16592_daa64e-ee wp-block-kadence-advancedheading has-theme-palette-8-background-color has-background\" data-kb-block=\"kb-adv-heading16592_daa64e-ee\"><strong>Note:\u00a0<\/strong> This change will apply globally to all existing and future Row Layout Blocks that use the specified divider. The custom SVG will not show directly in the editor, but will on the front end. For this reason, it is recommended to preview your changes in a new tab when editing Custom Row Dividers.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Preparing SVG Files<\/strong><\/h2>\n\n\n\n<p>When creating or exporting SVGs for use as Row Layout dividers, the following requirements apply.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>SVG Requirements<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Each divider must be defined as a <strong>single string of &lt;path&gt; elements<\/strong>.\n<ul class=\"wp-block-list\">\n<li>Some dividers may include multiple &lt;path&gt; elements in one string (for layered effects).<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Do not include &lt;svg&gt; wrappers<\/strong> &#8211; Kadence Blocks automatically adds the &lt;svg&gt; wrapper with the correct viewBox attributes.<\/li>\n\n\n\n<li>Avoid SVG features that are not supported:\n<ul class=\"wp-block-list\">\n<li>Gradients<\/li>\n\n\n\n<li>Masks<\/li>\n\n\n\n<li>&lt;defs&gt; or external references<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>The SVG should be <strong>horizontally oriented<\/strong>, meaning it spans left to right across the row.<\/li>\n\n\n\n<li>The path should fit within the <strong>1000 \u00d7 100 viewBox<\/strong> for optimal results.<\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16592_a0ffe8-d7, .wp-block-kadence-advancedheading.kt-adv-heading16592_a0ffe8-d7[data-kb-block=\"kb-adv-heading16592_a0ffe8-d7\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16592_a0ffe8-d7 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16592_a0ffe8-d7[data-kb-block=\"kb-adv-heading16592_a0ffe8-d7\"] 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-heading16592_a0ffe8-d7 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16592_a0ffe8-d7[data-kb-block=\"kb-adv-heading16592_a0ffe8-d7\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading16592_a0ffe8-d7 wp-block-kadence-advancedheading has-theme-palette-8-background-color has-background\" data-kb-block=\"kb-adv-heading16592_a0ffe8-d7\"><strong>Note:&nbsp;<\/strong> There is no separate <strong>viewBox<\/strong> setting per path; all dividers share the <code>&lt;svg viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\"&gt;<\/code> wrapper.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Recommended Workflow<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Create the divider shape using an SVG editor (for example, Illustrator, Figma, Inkscape, etc.)<\/li>\n\n\n\n<li>Export the file as an SVG.<\/li>\n\n\n\n<li>Open the SVG file and locate the &lt;path&gt; element(s).<\/li>\n\n\n\n<li>Copy the contents of the &lt;path&gt; element(s), including the &#8220;d&#8221; attribute.<\/li>\n\n\n\n<li>Paste the &lt;path&gt; element(s) string into the $paths array in your filter.<\/li>\n<\/ol>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16592_7c0720-ca, .wp-block-kadence-advancedheading.kt-adv-heading16592_7c0720-ca[data-kb-block=\"kb-adv-heading16592_7c0720-ca\"]{margin-bottom:0px;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16592_7c0720-ca mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16592_7c0720-ca[data-kb-block=\"kb-adv-heading16592_7c0720-ca\"] 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-heading16592_7c0720-ca img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16592_7c0720-ca[data-kb-block=\"kb-adv-heading16592_7c0720-ca\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading16592_7c0720-ca wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading16592_7c0720-ca\">Example containing multiple paths and style attributes:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">$paths['threelevels'] = '&lt;path style=\"opacity: 0.33\" d=\"M0 95L1000 0v100H0v-5z\"&gt;&lt;\/path&gt;&lt;path style=\"opacity: 0.66\" d=\"M0 95l1000-67.944V100H0v-5z\"&gt;&lt;\/path&gt;&lt;path d=\"M0 95l1000-40.887V100H0v-5z\"&gt;&lt;\/path&gt;';<\/code><\/pre>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16592_dbe2e7-36, .wp-block-kadence-advancedheading.kt-adv-heading16592_dbe2e7-36[data-kb-block=\"kb-adv-heading16592_dbe2e7-36\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16592_dbe2e7-36 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16592_dbe2e7-36[data-kb-block=\"kb-adv-heading16592_dbe2e7-36\"] 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-heading16592_dbe2e7-36 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16592_dbe2e7-36[data-kb-block=\"kb-adv-heading16592_dbe2e7-36\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading16592_dbe2e7-36 wp-block-kadence-advancedheading has-theme-palette-8-background-color has-background\" data-kb-block=\"kb-adv-heading16592_dbe2e7-36\"><strong>Tip:<\/strong>&nbsp; If your SVG contains multiple &lt;path&gt; elements, include them all in the same string. You can use the style attribute for opacity or layering effects.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Summary<\/strong><\/h2>\n\n\n\n<p>The <strong><code>kadence_blocks_row_divider_paths<\/code><\/strong> filter provides a supported way to extend or customize Row Layout dividers. This approach maintains editor compatibility and ensures custom dividers remain update-safe.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading16592_07794a-8b, .wp-block-kadence-advancedheading.kt-adv-heading16592_07794a-8b[data-kb-block=\"kb-adv-heading16592_07794a-8b\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading16592_07794a-8b mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading16592_07794a-8b[data-kb-block=\"kb-adv-heading16592_07794a-8b\"] 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-heading16592_07794a-8b img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading16592_07794a-8b[data-kb-block=\"kb-adv-heading16592_07794a-8b\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 id=\"divider-shape-reference\" class=\"kt-adv-heading16592_07794a-8b wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading16592_07794a-8b\"><strong>Kadence Built-in Divider Shape Reference<\/strong><\/h2>\n\n\n\n<p>The following divider shapes are included with Kadence Blocks and are available in the Row Layout Block. The internal key for each shape is provided in parentheses. These keys can be used with the <code>kadence_blocks_row_divider_paths<\/code> filter to modify or replace shapes.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Chevron <\/strong>(ct)<\/li>\n\n\n\n<li><strong>Chevron Inverted<\/strong> (cti)<\/li>\n\n\n\n<li><strong>Double Chevron <\/strong>(ctd)<\/li>\n\n\n\n<li><strong>Double Chevron Inverted<\/strong> (ctdi)<\/li>\n\n\n\n<li><strong>Tilt Left<\/strong> (sltl)<\/li>\n\n\n\n<li><strong>Tilt Left Inverted<\/strong> (sltli)<\/li>\n\n\n\n<li><strong>Tilt Right<\/strong> (sltr)<\/li>\n\n\n\n<li><strong>Tilt Right Inverted<\/strong> (sltri)<\/li>\n\n\n\n<li><strong>Curve<\/strong> (crv)<\/li>\n\n\n\n<li><strong>Curve Inverted<\/strong> (crvi)<\/li>\n\n\n\n<li><strong>Curve Left<\/strong> (crvl)<\/li>\n\n\n\n<li><strong>Curve Left Inverted<\/strong> (crvli)<\/li>\n\n\n\n<li><strong>Curve Right<\/strong> (crvr)<\/li>\n\n\n\n<li><strong>Curve Right Inverted<\/strong> (crvri)<\/li>\n\n\n\n<li><strong>Single Wave<\/strong> (wave)<\/li>\n\n\n\n<li><strong>Single Wave Inverted<\/strong> (wavei)<\/li>\n\n\n\n<li><strong>Multi-Layer Waves<\/strong> (waves)<\/li>\n\n\n\n<li><strong>Multi-Layer Waves Inverted<\/strong> (wavesi)<\/li>\n\n\n\n<li><strong>Mountain Peaks<\/strong> (mtns)<\/li>\n\n\n\n<li><strong>Small Triangle<\/strong> (littri)<\/li>\n\n\n\n<li><strong>Small Triangle Inverted<\/strong> (littrii)<\/li>\n\n\n\n<li><strong>Three Layer Steps<\/strong> (threelevels)<\/li>\n\n\n\n<li><strong>Three Layer Steps Inverted<\/strong> (threelevelsi)<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>The Kadence Row Layout Block includes the ability to use Top and Bottom Dividers that make it easy to visually separate sections of a page. For users who want more control over the divider shapes, Kadence Blocks provides a way for advanced users to add custom SVG dividers by modifying existing ones via a custom&#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":[420],"doc_tag":[],"knowledge_base":[7],"class_list":["post-16592","docs","type-docs","status-publish","hentry","doc_category-blocks-advanced","knowledge_base-kadence-blocks"],"year_month":"2026-04","word_count":807,"total_views":"970","reactions":{"happy":"13","normal":"0","sad":"0"},"author_info":{"display_name":"victormonk","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/victormonk\/"},"doc_category_info":[{"term_name":"Advanced","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-blocks\/blocks-advanced\/"}],"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":420,"label":"Advanced"}],"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\/16592","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=16592"}],"version-history":[{"count":4,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/16592\/revisions"}],"predecessor-version":[{"id":16609,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/16592\/revisions\/16609"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=16592"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=16592"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=16592"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=16592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}