{"id":12168,"date":"2023-01-03T15:49:45","date_gmt":"2023-01-03T22:49:45","guid":{"rendered":"https:\/\/www.blocksylaunch.click\/documentation\/?p=12168"},"modified":"2023-02-03T15:51:10","modified_gmt":"2023-02-03T22:51:10","slug":"section-dividers","status":"publish","type":"post","link":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/section-dividers\/","title":{"rendered":"Using Divi Section Dividers"},"content":{"rendered":"<p>Divi Section Dividers (a.k.a. <a href=\"https:\/\/www.blocksylaunch.click\/blog\/theme-releases\/shape-dividers\" target=\"_blank\" rel=\"noopener\">Divi Shape Dividers<\/a>) give you the ability to add creative shape transitions between different sections on your page. Section Divider designs can be placed at the top and\/or bottom of each section element in Divi. This allows a unique way to separate your content with seamless background design transitions.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-15970\" src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/section-divider-exammple-scaled.jpg\" alt=\"Examples of section dividers in Divi\" width=\"1471\" height=\"2560\" srcset=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/section-divider-exammple-scaled.jpg 1471w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/section-divider-exammple-172x300.jpg 172w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/section-divider-exammple-589x1024.jpg 589w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/section-divider-exammple-768x1336.jpg 768w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/section-divider-exammple-883x1536.jpg 883w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/section-divider-exammple-1177x2048.jpg 1177w\" sizes=\"auto, (max-width: 1471px) 100vw, 1471px\" \/><\/p>\n<p><a class=\"button inline-button primary-button\" href=\"https:\/\/www.blocksylaunch.click\/preview\/Divi\/shape-dividers\/\" target=\"_blank\" rel=\"noopener\">Check out Live Demo of Section Dividers for Divi Sections<\/a><\/p>\n<h2>Table of Contents<\/h2>\n<ul>\n<li><a href=\"#where-are-section-dividers\">Where Are Divi Section Dividers Available?<\/a><\/li>\n<li><a href=\"#unique-shapes\">26 Unique Shapes<\/a><\/li>\n<li><a href=\"#access-section-dividers\">How to Access Divi Section Dividers<\/a><\/li>\n<li><a href=\"#section-divider-options\">Divi Section Divider Options<\/a><\/li>\n<li><a href=\"#section-divider-height\">Divi Section Divider Height<\/a><\/li>\n<li><a href=\"#what-is-possible\">What\u2019s Possible With Divi Section Dividers?<\/a><\/li>\n<li><a href=\"#continue-learning\">Continue Learning<\/a><\/li>\n<\/ul>\n<h2 id=\"where-are-section-dividers\">Where Are Divi Section Dividers Available?<\/h2>\n<p>Divi Dividers are available in all sections: Regular, Fullwidth, and Speciality. Section dividers are unique to the Section element of Divi so you can&#8217;t add them to other elements like modules, columns, or rows. You can use background masks and\/or gradients to add unique background designs to those elements.<\/p>\n<h2 id=\"unique-shapes\">26 Unique Shapes<\/h2>\n<p>You can choose between 26 unique shapes which can be can be flipped, resized, repeated, combined, and customized to create endless possibilities for design. These shapes are built using SVG\u2019s, which means they will scale without losing quality, they will look perfect on retina devices and they are super lightweight and won\u2019t hurt your website\u2019s loading speeds.<\/p>\n<p><video class=\"with-border\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"150\"><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/13-shapedividers-comp.webm\" type=\"video\/webm\" \/><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/13-shapedividers-comp.mp4\" type=\"video\/mp4\" \/><\/video><\/p>\n<h2 id=\"#access-section-dividers\">How to Access Divi Section Dividers<\/h2>\n<p>To access Divi&#8217;s shape dividers, log in to your Divi website and enable the Visual Builder. Hover over the section and click the gear icon to bring up that section&#8217;s settings. Then navigate to <strong>Design &gt; Dividers<\/strong>. Dividers are available in all types of sections: Regular, Fullwidth, and Speciality.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-12175\" src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/08\/1-shapedividers.png\" alt=\"Divi section dividers\" width=\"1800\" height=\"1370\" srcset=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/08\/1-shapedividers.png 1800w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/08\/1-shapedividers-300x228.png 300w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/08\/1-shapedividers-1024x779.png 1024w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/08\/1-shapedividers-768x585.png 768w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2022\/08\/1-shapedividers-1536x1169.png 1536w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><\/p>\n<h2 id=\"#section-divider-options\">Divi Section Divider Options<\/h2>\n<p>There are a number of options to help you create beautiful shape dividers for your Divi pages. Dividers can be set on the top and bottom of your sections. Additionally, you can choose your divider style, color, and height. There is also a horizontal repeat option that gives your dividers a completely different appearance, as well as options for flipping them. Lastly, you can choose to position your divider on top of the section content, or underneath it. Let&#8217;s dive into options individually to help you gain a better understanding of how to configure them.<\/p>\n<h3>Top and Bottom Shape Dividers<\/h3>\n<p>Shape Dividers can be placed at both the top of the section and the bottom of the section. When used in combination, you can achieve some pretty amazing results.<\/p>\n<p><video class=\"with-border\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"150\"><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/2-shapedividers-comp.webm\" type=\"video\/webm\" \/><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/2-shapedividers-comp.mp4\" type=\"video\/mp4\" \/><\/video><\/p>\n<h3>Shape Divider Styles<\/h3>\n<p>There are 26 divider options to choose from. Angles, diagonals, and curved options each offer a different style and feel.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16014\" src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/3-shapedividers-01.jpg\" alt=\"Divi Section Divider Styles\" width=\"1800\" height=\"1080\" srcset=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/3-shapedividers-01.jpg 1800w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/3-shapedividers-01-300x180.jpg 300w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/3-shapedividers-01-1024x614.jpg 1024w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/3-shapedividers-01-768x461.jpg 768w, https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/3-shapedividers-01-1536x922.jpg 1536w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><\/p>\n<h3>Shape Divider Colors<\/h3>\n<p>Customizing the shape divider options is easy with Divi!<\/p>\n<h4>Automatic Color Match<\/h4>\n<p>When a new shape divider is added to a section, that shape will automatically match the color of your current section and the adjacent section, creating a seamless transition between the two without requiring you to customize the colors. When you move the section or adjust your section\u2019s background colors, the divider color will update automatically.<\/p>\n<p><video class=\"with-border\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"150\"><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/4-shapedividers-comp.webm\" type=\"video\/webm\" \/><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/4-shapedividers-comp.mp4\" type=\"video\/mp4\" \/><\/video><\/p>\n<h4>Custom Color Options<\/h4>\n<p>In addition to the built-in automatic color match, you can also choose any color you&#8217;d like for your divider by using saved, global, or recent colors. You can also use Divi&#8217;s proprietary magic color system to choose a color based on your most recent colors. Divi will suggest harmonious colors in rows, based on your recent activity.<\/p>\n<p><video class=\"with-border\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"150\"><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/5-shapedividers-comp.webm\" type=\"video\/webm\" \/><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/5-shapedividers-comp.mp4\" type=\"video\/mp4\" \/><\/video><\/p>\n<p>To learn more about Divi&#8217;s color management system, please <a href=\"https:\/\/www.blocksylaunch.click\/documentation\/divi\/color-management-system\/\">refer to our documentation<\/a>.<\/p>\n<h3>Divi Section Divider Height<\/h3>\n<p>Adjusting the height of your divider will alter how the divider appears in your section. The default height for shape dividers is 100px. That being said, you can use any unit of measurement supported by Divi including pixels (px), picas (pc), percent (%), view height (vh), and more.<\/p>\n<p><video class=\"with-border\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"150\"><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/6-shapedividers-comp.webm\" type=\"video\/webm\" \/><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/6-shapedividers-comp.mp4\" type=\"video\/mp4\" \/><\/video><\/p>\n<p>An additional option for divider height is the ability to adjust the height on hover. This enables you to create a movement effect when users navigate throughout the page.<\/p>\n<p><video class=\"with-border\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"150\"><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/7-shapedividers-comp.webm\" type=\"video\/webm\" \/><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/7-shapedividers-comp.mp4\" type=\"video\/mp4\" \/><\/video><\/p>\n<p>To learn more about Divi hover options, <a href=\"https:\/\/www.blocksylaunch.click\/documentation\/divi\/divi-hover-options\/\">read our documentation<\/a>.<\/p>\n<h3>Divi Section Divider Horizontal Repeat<\/h3>\n<p>Horizontal repeat is used to duplicate the divider from left to right. By default, one instance of a shape divider is enabled. To choose how many times to repeat your divider, use the horizontal repeat slider to assign how many interances of your divider should be visible.<\/p>\n<p><video class=\"with-border\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"150\"><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/8-shapedividers-comp.webm\" type=\"video\/webm\" \/><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/8-shapedividers-comp.mp4\" type=\"video\/mp4\" \/><\/video><\/p>\n<p>Horizontal repeat can also be adjusted with Divi&#8217;s responsive options. For example, you can have a 5x repeat on desktop, then adjust the repeat to 3x for tablet, and 1x on phone.<\/p>\n<h3>Divi Section Divider Flip<\/h3>\n<p>Divi enhances your options further by providing a flip option for your divider. You can flip your divider horizontally or vertically.<\/p>\n<p><video class=\"with-border\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"150\"><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/9-shapedividers-comp.webm\" type=\"video\/webm\" \/><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/9-shapedividers-comp.mp4\" type=\"video\/mp4\" \/><\/video><\/p>\n<h3>Divider Arrangement<\/h3>\n<p>The divider arrangement setting allows for the divider to be added above or below the section content. This is useful for adding dimension and depth to your design, and provides for adding interesting effects to keep your site&#8217;s visitors engaged.<\/p>\n<p><video class=\"with-border\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"150\"><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/10-shapedividers-comp.webm\" type=\"video\/webm\" \/><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/10-shapedividers-comp.mp4\" type=\"video\/mp4\" \/><\/video><\/p>\n<h2 id=\"#what-is-possible\">What\u2019s Possible With Divi Section Dividers?<\/h2>\n<p>There are endless possibilities when working with Divi dividers. For example, you can add animation effects. Additionally, you can incorporate effects such as hiding elements, rotate dividers with transformation controls, or add scrolling effects.<\/p>\n<h3>Adding Motion to Divi Shape Dividers<\/h3>\n<p>As previously mentioned, you can add the appearance of motion to your dividers by using Divi&#8217;s hover effects on the divider height. However, there are additional ways of adding motion to your dividers. For example, you can add an empty section above or below other sections containing content to display motion using Divi&#8217;s animation effects.<\/p>\n<p><video class=\"with-border\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"150\"><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/11-shapedividers-comp.webm\" type=\"video\/webm\" \/><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/11-shapedividers-comp.mp4\" type=\"video\/mp4\" \/><\/video><\/p>\n<p>If you&#8217;d like to learn how to create this effect yourself, <a href=\"https:\/\/www.blocksylaunch.click\/blog\/divi-resources\/how-to-add-motion-to-your-section-dividers-with-divi\">read the post here<\/a>.<\/p>\n<h3>Using Scroll Transform Effects With Divi Section Dividers<\/h3>\n<p>Another way to incorporate motion into your shape dividers is using Div&#8217;s scroll transform effects. Applying these effects will make the page come to life when a user scrolls.<\/p>\n<p><video class=\"with-border\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"150\"><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/12-shapedividers-comp.webm\" type=\"video\/webm\" \/><source src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/12-shapedividers-comp.mp4\" type=\"video\/mp4\" \/><\/video><\/p>\n<p>If you would like to learn more about how to apply scroll effects using shape dividers and the scroll transform settings, <a href=\"https:\/\/www.blocksylaunch.click\/blog\/divi-resources\/how-to-create-section-divider-scroll-effects-in-divi\">read our post<\/a> that will show you how to do it.<\/p>\n<h2 id=\"continue-learning\">Continue Learning<\/h2>\n<p>There are plenty of ways to incorporate shape dividers into your designs. To learn some fun and interesting new ways to make your designs pop, check out some additional resources on the Elegant Themes blog.<\/p>\n<ol>\n<li><a href=\"https:\/\/www.blocksylaunch.click\/blog\/divi-resources\/elegantly-hiding-your-copy-below-section-dividers-in-a-stunning-design-with-divi\">Elegantly Hiding Your Copy Below Section Dividers in a Stunning Design with Divi<\/a><\/li>\n<li><a href=\"https:\/\/www.blocksylaunch.click\/blog\/divi-resources\/how-to-rotate-section-dividers-to-create-stunning-side-borders-with-divis-transform-options\">How to Rotate Section Dividers to Create Stunning Side Borders with Divi\u2019s Transform Options<\/a><\/li>\n<li><a href=\"https:\/\/www.blocksylaunch.click\/blog\/divi-resources\/how-to-create-beautiful-footer-scroll-reveals-below-divis-section-dividers\">How to Create Beautiful Footer Scroll Reveals Below Divi\u2019s Section Dividers<\/a><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Divi Section Dividers give you the ability to add creative shape transitions between different sections on your page.<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,2],"tags":[],"class_list":["post-12168","post","type-post","status-publish","format-standard","hentry","category-divi-builder","category-divi"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Elegant Themes Documentation<\/title>\n<meta name=\"description\" content=\"Divi Section Dividers give you the ability to add creative shape transitions between different sections on your page.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.blocksylaunch.click\/documentation\/divi\/section-dividers\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using Divi Section Dividers - Elegant Themes Documentation\" \/>\n<meta property=\"og:description\" content=\"Divi Section Dividers give you the ability to add creative shape transitions between different sections on your page.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.blocksylaunch.click\/documentation\/divi\/section-dividers\/\" \/>\n<meta property=\"og:site_name\" content=\"Elegant Themes Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2023-01-03T22:49:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-03T22:51:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/section-divider-exammple-scaled.jpg\" \/>\n<meta name=\"author\" content=\"Chaucee Stillman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Chaucee Stillman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/section-dividers\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/section-dividers\\\/\"},\"author\":{\"name\":\"Chaucee Stillman\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/3de16ce355468e6b8ba5b9c41fddf1e8\"},\"headline\":\"Using Divi Section Dividers\",\"datePublished\":\"2023-01-03T22:49:45+00:00\",\"dateModified\":\"2023-02-03T22:51:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/section-dividers\\\/\"},\"wordCount\":1093,\"image\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/section-dividers\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/section-divider-exammple-scaled.jpg\",\"articleSection\":[\"Divi Builder Plugin Documentation\",\"Divi Theme Documentation\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/section-dividers\\\/\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/section-dividers\\\/\",\"name\":\"Using Divi Section Dividers - Elegant Themes Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/section-dividers\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/section-dividers\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/section-divider-exammple-scaled.jpg\",\"datePublished\":\"2023-01-03T22:49:45+00:00\",\"dateModified\":\"2023-02-03T22:51:10+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/3de16ce355468e6b8ba5b9c41fddf1e8\"},\"description\":\"Divi Section Dividers give you the ability to add creative shape transitions between different sections on your page.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/section-dividers\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/section-dividers\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/section-dividers\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/section-divider-exammple-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/section-divider-exammple-scaled.jpg\",\"width\":1471,\"height\":2560,\"caption\":\"Examples of section dividers in Divi\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/divi\\\/section-dividers\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using Divi Section Dividers\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#website\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/\",\"name\":\"Elegant Themes Documentation\",\"description\":\"Just another WordPress site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/3de16ce355468e6b8ba5b9c41fddf1e8\",\"name\":\"Chaucee Stillman\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/59f7363034124f1df7ab033be2af9b43b4d1b965245e21d0c5b610ca896cd534?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/59f7363034124f1df7ab033be2af9b43b4d1b965245e21d0c5b610ca896cd534?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/59f7363034124f1df7ab033be2af9b43b4d1b965245e21d0c5b610ca896cd534?s=96&d=mm&r=g\",\"caption\":\"Chaucee Stillman\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Elegant Themes Documentation","description":"Divi Section Dividers give you the ability to add creative shape transitions between different sections on your page.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/section-dividers\/","og_locale":"en_US","og_type":"article","og_title":"Using Divi Section Dividers - Elegant Themes Documentation","og_description":"Divi Section Dividers give you the ability to add creative shape transitions between different sections on your page.","og_url":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/section-dividers\/","og_site_name":"Elegant Themes Documentation","article_published_time":"2023-01-03T22:49:45+00:00","article_modified_time":"2023-02-03T22:51:10+00:00","og_image":[{"url":"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/section-divider-exammple-scaled.jpg","type":"","width":"","height":""}],"author":"Chaucee Stillman","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Chaucee Stillman","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/section-dividers\/#article","isPartOf":{"@id":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/section-dividers\/"},"author":{"name":"Chaucee Stillman","@id":"https:\/\/www.blocksylaunch.click\/documentation\/#\/schema\/person\/3de16ce355468e6b8ba5b9c41fddf1e8"},"headline":"Using Divi Section Dividers","datePublished":"2023-01-03T22:49:45+00:00","dateModified":"2023-02-03T22:51:10+00:00","mainEntityOfPage":{"@id":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/section-dividers\/"},"wordCount":1093,"image":{"@id":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/section-dividers\/#primaryimage"},"thumbnailUrl":"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/section-divider-exammple-scaled.jpg","articleSection":["Divi Builder Plugin Documentation","Divi Theme Documentation"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/section-dividers\/","url":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/section-dividers\/","name":"Using Divi Section Dividers - Elegant Themes Documentation","isPartOf":{"@id":"https:\/\/www.blocksylaunch.click\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/section-dividers\/#primaryimage"},"image":{"@id":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/section-dividers\/#primaryimage"},"thumbnailUrl":"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/section-divider-exammple-scaled.jpg","datePublished":"2023-01-03T22:49:45+00:00","dateModified":"2023-02-03T22:51:10+00:00","author":{"@id":"https:\/\/www.blocksylaunch.click\/documentation\/#\/schema\/person\/3de16ce355468e6b8ba5b9c41fddf1e8"},"description":"Divi Section Dividers give you the ability to add creative shape transitions between different sections on your page.","breadcrumb":{"@id":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/section-dividers\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.blocksylaunch.click\/documentation\/divi\/section-dividers\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/section-dividers\/#primaryimage","url":"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/section-divider-exammple-scaled.jpg","contentUrl":"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2023\/01\/section-divider-exammple-scaled.jpg","width":1471,"height":2560,"caption":"Examples of section dividers in Divi"},{"@type":"BreadcrumbList","@id":"https:\/\/www.blocksylaunch.click\/documentation\/divi\/section-dividers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.blocksylaunch.click\/documentation\/"},{"@type":"ListItem","position":2,"name":"Using Divi Section Dividers"}]},{"@type":"WebSite","@id":"https:\/\/www.blocksylaunch.click\/documentation\/#website","url":"https:\/\/www.blocksylaunch.click\/documentation\/","name":"Elegant Themes Documentation","description":"Just another WordPress site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.blocksylaunch.click\/documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.blocksylaunch.click\/documentation\/#\/schema\/person\/3de16ce355468e6b8ba5b9c41fddf1e8","name":"Chaucee Stillman","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/59f7363034124f1df7ab033be2af9b43b4d1b965245e21d0c5b610ca896cd534?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/59f7363034124f1df7ab033be2af9b43b4d1b965245e21d0c5b610ca896cd534?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/59f7363034124f1df7ab033be2af9b43b4d1b965245e21d0c5b610ca896cd534?s=96&d=mm&r=g","caption":"Chaucee Stillman"}}]}},"_links":{"self":[{"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/posts\/12168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/comments?post=12168"}],"version-history":[{"count":40,"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/posts\/12168\/revisions"}],"predecessor-version":[{"id":16017,"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/posts\/12168\/revisions\/16017"}],"wp:attachment":[{"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/media?parent=12168"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/categories?post=12168"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/tags?post=12168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}