{"id":2886,"date":"2021-06-23T06:50:19","date_gmt":"2021-06-23T06:50:19","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=2886"},"modified":"2023-02-21T10:55:21","modified_gmt":"2023-02-21T10:55:21","slug":"how-to-add-stunning-shape-dividers-to-wordpress-pages","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/how-to-add-stunning-shape-dividers-to-wordpress-pages\/","title":{"rendered":"How to Add Stunning Shape Dividers to WordPress Pages"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2886\" class=\"elementor elementor-2886\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-603ee04e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"603ee04e\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-65e78db1\" data-id=\"65e78db1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-574aadaf elementor-widget elementor-widget-video\" data-id=\"574aadaf\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=uSl6SVE1pwQ&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-56858248 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"56858248\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-19af42d2\" data-id=\"19af42d2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5888b2e8 elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"5888b2e8\" data-element_type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1481\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1481\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1482\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1482\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1481\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1481\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1481\" tabindex=\"0\" hidden=\"false\"><p>In this tutorial we explain how to use the FREE Elementor Page Builder feature to add stunning shape dividers to WordPress page sections.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1482\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1482\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1482\" tabindex=\"0\" hidden=\"hidden\"><p>Hi and welcome to Elementor how to<br \/>today&#8217;s question comes from Martin yes<br \/>can you show me a quick way to use the<br \/>shape divided feature set yourself apart<br \/>from boring website designs you have to<br \/>be able to incorporate the latest trends<br \/>in web design elemental shape divider<br \/>feature is a great way to do that this<br \/>page looks pretty bland let&#8217;s add the<br \/>shape divider and make it more unique in<br \/>order to use the shape divider feature<br \/>you must first go to the section<br \/>settings let&#8217;s click on section now<br \/>let&#8217;s go to style and click on shape<br \/>divider now for this section let&#8217;s go to<br \/>the bottom and click on type and choose<br \/>one of these options let&#8217;s click on<br \/>triangle S symmetrical now as you can<br \/>see more options will be shown so let&#8217;s<br \/>pick color let&#8217;s turn it back into white<br \/>now you can play with the width and you<br \/>can set the height<br \/>you can also click on flip and see it<br \/>flip you can click on invert and you can<br \/>also use the bring the front option<br \/>which lets you show the shape divider<br \/>over the content let&#8217;s set the height<br \/>here and click on bring the front and<br \/>put it above the icons I hope you<br \/>enjoyed our video thank you for watching<br \/>for more videos and tutorials please<br \/>subscribe to our YouTube channel<br \/>[Music]<\/p><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Overview Transcript Overview In this tutorial we explain how to use the FREE Elementor Page Builder feature to add stunning shape dividers to WordPress page sections. Transcript Hi and welcome to Elementor how to today\u2019s question comes from Martin yes can you show me a quick way to use the shape divided feature set yourself [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":3946,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[41],"class_list":["post-2886","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-layout","tag-guides-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Add Stunning Shape Dividers to WordPress Pages - Academy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/academy\/how-to-add-stunning-shape-dividers-to-wordpress-pages\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Stunning Shape Dividers to WordPress Pages - Academy\" \/>\n<meta property=\"og:description\" content=\"Overview Transcript Overview In this tutorial we explain how to use the FREE Elementor Page Builder feature to add stunning shape dividers to WordPress page sections. Transcript Hi and welcome to Elementor how to today\u2019s question comes from Martin yes can you show me a quick way to use the shape divided feature set yourself [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/how-to-add-stunning-shape-dividers-to-wordpress-pages\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-23T06:50:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-21T10:55:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Add-Stunning-Shape-Dividers-to-Pages.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Hodaya\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hodaya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Add Stunning Shape Dividers to WordPress Pages - Academy","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:\/\/elementor.com\/academy\/how-to-add-stunning-shape-dividers-to-wordpress-pages\/","og_locale":"en_US","og_type":"article","og_title":"How to Add Stunning Shape Dividers to WordPress Pages - Academy","og_description":"Overview Transcript Overview In this tutorial we explain how to use the FREE Elementor Page Builder feature to add stunning shape dividers to WordPress page sections. Transcript Hi and welcome to Elementor how to today\u2019s question comes from Martin yes can you show me a quick way to use the shape divided feature set yourself [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/how-to-add-stunning-shape-dividers-to-wordpress-pages\/","og_site_name":"Academy","article_published_time":"2021-06-23T06:50:19+00:00","article_modified_time":"2023-02-21T10:55:21+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Add-Stunning-Shape-Dividers-to-Pages.jpg","type":"image\/jpeg"}],"author":"Hodaya","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hodaya","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/how-to-add-stunning-shape-dividers-to-wordpress-pages\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/how-to-add-stunning-shape-dividers-to-wordpress-pages\/"},"author":{"name":"Hodaya","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c"},"headline":"How to Add Stunning Shape Dividers to WordPress Pages","datePublished":"2021-06-23T06:50:19+00:00","dateModified":"2023-02-21T10:55:21+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/how-to-add-stunning-shape-dividers-to-wordpress-pages\/"},"wordCount":288,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"image":{"@id":"https:\/\/elementor.com\/academy\/how-to-add-stunning-shape-dividers-to-wordpress-pages\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Add-Stunning-Shape-Dividers-to-Pages.jpg","keywords":["Guides and Tutorials"],"articleSection":["Design \/ Layout"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/how-to-add-stunning-shape-dividers-to-wordpress-pages\/","url":"https:\/\/elementor.com\/academy\/how-to-add-stunning-shape-dividers-to-wordpress-pages\/","name":"How to Add Stunning Shape Dividers to WordPress Pages - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/academy\/how-to-add-stunning-shape-dividers-to-wordpress-pages\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/academy\/how-to-add-stunning-shape-dividers-to-wordpress-pages\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Add-Stunning-Shape-Dividers-to-Pages.jpg","datePublished":"2021-06-23T06:50:19+00:00","dateModified":"2023-02-21T10:55:21+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/how-to-add-stunning-shape-dividers-to-wordpress-pages\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/how-to-add-stunning-shape-dividers-to-wordpress-pages\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/how-to-add-stunning-shape-dividers-to-wordpress-pages\/#primaryimage","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Add-Stunning-Shape-Dividers-to-Pages.jpg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Add-Stunning-Shape-Dividers-to-Pages.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/how-to-add-stunning-shape-dividers-to-wordpress-pages\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Elementor","item":"https:\/\/elementor.com\/"},{"@type":"ListItem","position":2,"name":"Academy","item":"https:\/\/elementor.com\/academy\/"},{"@type":"ListItem","position":3,"name":"Design \/ Layout","item":"https:\/\/elementor.com\/academy\/design-layout\/"},{"@type":"ListItem","position":4,"name":"How to Add Stunning Shape Dividers to WordPress Pages"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/academy\/#website","url":"https:\/\/elementor.com\/academy\/","name":"Elementor Academy","description":"Page Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/academy\/#organization","name":"Elementor Academy","alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","url":"https:\/\/elementor.com\/academy\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","width":490,"height":85,"caption":"Elementor Academy"},"image":{"@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c","name":"Hodaya","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","caption":"Hodaya"},"url":"https:\/\/elementor.com\/academy\/author\/hodaya\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2886","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/comments?post=2886"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2886\/revisions"}],"predecessor-version":[{"id":9409,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2886\/revisions\/9409"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media\/3946"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=2886"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=2886"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=2886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}