{"id":3646,"date":"2018-09-24T17:47:38","date_gmt":"2018-09-24T17:47:38","guid":{"rendered":"http:\/\/bifrost.local\/?page_id=3646"},"modified":"2018-09-24T17:47:38","modified_gmt":"2018-09-24T17:47:38","slug":"shape-dividers","status":"publish","type":"page","link":"https:\/\/neuronthemes.com\/torfa\/elements\/general\/shape-dividers\/","title":{"rendered":"Shape Dividers"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3646\" class=\"elementor elementor-3646\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7e69442 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle neuron-fixed-no\" data-id=\"7e69442\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;mountains&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" opacity=\"0.33\" d=\"M473,67.3c-203.9,88.3-263.1-34-320.3,0C66,119.1,0,59.7,0,59.7V0h1000v59.7 c0,0-62.1,26.1-94.9,29.3c-32.8,3.3-62.8-12.3-75.8-22.1C806,49.6,745.3,8.7,694.9,4.7S492.4,59,473,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" opacity=\"0.66\" d=\"M734,67.3c-45.5,0-77.2-23.2-129.1-39.1c-28.6-8.7-150.3-10.1-254,39.1 s-91.7-34.4-149.2,0C115.7,118.3,0,39.8,0,39.8V0h1000v36.5c0,0-28.2-18.5-92.1-18.5C810.2,18.1,775.7,67.3,734,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M766.1,28.9c-200-57.5-266,65.5-395.1,19.5C242,1.8,242,5.4,184.8,20.6C128,35.8,132.3,44.9,89.9,52.5C28.6,63.7,0,0,0,0 h1000c0,0-9.9,40.9-83.6,48.1S829.6,47,766.1,28.9z\"\/>\n<\/svg>\t\t<\/div>\n\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-25 elementor-top-column elementor-element elementor-element-22091ff\" data-id=\"22091ff\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ef3ee1a\" data-id=\"ef3ee1a\" 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-391b3b9 elementor-widget elementor-widget-heading\" data-id=\"391b3b9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Introducing Shape Divider<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd4d1e3 elementor-widget elementor-widget-text-editor\" data-id=\"cd4d1e3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A very powerful feature added to the section offers a very beautiful way to create<br \/>your pages with amazing layouts on the top of the section or at the bottom.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-919ec6c elementor-widget elementor-widget-video\" data-id=\"919ec6c\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=d11trd0klQE&quot;,&quot;show_image_overlay&quot;:&quot;yes&quot;,&quot;image_overlay&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-418af43\" data-id=\"418af43\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\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-c26cf5e elementor-section-boxed elementor-section-height-default elementor-section-height-default neuron-fixed-no\" data-id=\"c26cf5e\" data-element_type=\"section\">\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-33 elementor-top-column elementor-element elementor-element-7743cac\" data-id=\"7743cac\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-c1b7c90\" data-id=\"c1b7c90\" 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-7c28a94 elementor-widget elementor-widget-text-editor\" data-id=\"7c28a94\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Shape Divider is a perfect example that allows you to create cool separator effects, that until now were simply not possible.<\/p><p>We are starting off with 18 shapes you can choose from. These are starter shapes, that can be customized to create an endless and versatile array of dividers.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b526287 elementor-widget elementor-widget-heading\" data-id=\"b526287\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Here they are:<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b5d5d6 elementor-widget elementor-widget-image\" data-id=\"9b5d5d6\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"901\" height=\"1628\" src=\"https:\/\/neuronthemes.com\/torfa\/wp-content\/uploads\/2019\/03\/shape-divider-900.png\" class=\"attachment-full size-full wp-image-24185\" alt=\"\" srcset=\"https:\/\/neuronthemes.com\/torfa\/wp-content\/uploads\/2019\/03\/shape-divider-900.png 901w, https:\/\/neuronthemes.com\/torfa\/wp-content\/uploads\/2019\/03\/shape-divider-900-600x1084.png 600w, https:\/\/neuronthemes.com\/torfa\/wp-content\/uploads\/2019\/03\/shape-divider-900-166x300.png 166w, https:\/\/neuronthemes.com\/torfa\/wp-content\/uploads\/2019\/03\/shape-divider-900-567x1024.png 567w, https:\/\/neuronthemes.com\/torfa\/wp-content\/uploads\/2019\/03\/shape-divider-900-768x1388.png 768w, https:\/\/neuronthemes.com\/torfa\/wp-content\/uploads\/2019\/03\/shape-divider-900-850x1536.png 850w\" sizes=\"(max-width: 901px) 100vw, 901px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc0b829 elementor-widget elementor-widget-heading\" data-id=\"cc0b829\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">How Shape Divider Works<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed893ec elementor-widget elementor-widget-text-editor\" data-id=\"ed893ec\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>The Shape Divider feature uses highly optimized SVG shapes, that are manipulated and customized on the frontend editor.<\/p><p>Besides making the shapes lightweight SVG files, the loading is asynchronous, meaning they only load when you need them to, and after the page has finished loading, so it doesn\u2019t affect page speed.<\/p><p>Because the shapes are SVGs, this guarantees they are always seen as high resolution, including on retina screens.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e2d613e elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"e2d613e\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c77e5d elementor-widget elementor-widget-heading\" data-id=\"7c77e5d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Control Over Shapes<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70685c5 elementor-widget elementor-widget-text-editor\" data-id=\"70685c5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Flexibility is an important factor when creating shapes. In Elementor, you have control over the various settings that help customize each and every shape:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7536bef elementor-widget elementor-widget-image\" data-id=\"7536bef\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"492\" src=\"https:\/\/neuronthemes.com\/torfa\/wp-content\/uploads\/2019\/03\/shape-example-1.jpg\" class=\"attachment-full size-full wp-image-24186\" alt=\"\" srcset=\"https:\/\/neuronthemes.com\/torfa\/wp-content\/uploads\/2019\/03\/shape-example-1.jpg 800w, https:\/\/neuronthemes.com\/torfa\/wp-content\/uploads\/2019\/03\/shape-example-1-600x369.jpg 600w, https:\/\/neuronthemes.com\/torfa\/wp-content\/uploads\/2019\/03\/shape-example-1-300x185.jpg 300w, https:\/\/neuronthemes.com\/torfa\/wp-content\/uploads\/2019\/03\/shape-example-1-768x472.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d76adc8 elementor-widget elementor-widget-text-editor\" data-id=\"d76adc8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Background:<\/strong> You can separate any background with shapes, including color, image, video and gradient backgrounds<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1baa292 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"1baa292\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dfb70c4 elementor-widget elementor-widget-image\" data-id=\"dfb70c4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"492\" src=\"https:\/\/neuronthemes.com\/torfa\/wp-content\/uploads\/2019\/03\/shape-example-4.jpg\" class=\"attachment-full size-full wp-image-24187\" alt=\"\" srcset=\"https:\/\/neuronthemes.com\/torfa\/wp-content\/uploads\/2019\/03\/shape-example-4.jpg 800w, https:\/\/neuronthemes.com\/torfa\/wp-content\/uploads\/2019\/03\/shape-example-4-600x369.jpg 600w, https:\/\/neuronthemes.com\/torfa\/wp-content\/uploads\/2019\/03\/shape-example-4-300x185.jpg 300w, https:\/\/neuronthemes.com\/torfa\/wp-content\/uploads\/2019\/03\/shape-example-4-768x472.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8916977 elementor-widget elementor-widget-text-editor\" data-id=\"8916977\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Controls:<\/strong> With the Shapes feature, you can control the size of the shapes, as well as invert them or flip them over<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-96b85c5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"96b85c5\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e423e2 elementor-widget elementor-widget-image\" data-id=\"4e423e2\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"492\" src=\"https:\/\/neuronthemes.com\/torfa\/wp-content\/uploads\/2019\/03\/shape-example-3.jpg\" class=\"attachment-full size-full wp-image-24188\" alt=\"\" srcset=\"https:\/\/neuronthemes.com\/torfa\/wp-content\/uploads\/2019\/03\/shape-example-3.jpg 800w, https:\/\/neuronthemes.com\/torfa\/wp-content\/uploads\/2019\/03\/shape-example-3-600x369.jpg 600w, https:\/\/neuronthemes.com\/torfa\/wp-content\/uploads\/2019\/03\/shape-example-3-300x185.jpg 300w, https:\/\/neuronthemes.com\/torfa\/wp-content\/uploads\/2019\/03\/shape-example-3-768x472.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3009d7 elementor-widget elementor-widget-text-editor\" data-id=\"a3009d7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Top &amp; Bottom Shapes:<\/strong> Set a different shape for the top and bottom part of the section, with a separate set of controls for each side<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d4b707 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"4d4b707\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd74d0b elementor-widget elementor-widget-image\" data-id=\"cd74d0b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"365\" src=\"https:\/\/neuronthemes.com\/torfa\/wp-content\/uploads\/2019\/03\/elementor-shapes-mobile.gif\" class=\"attachment-full size-full wp-image-24189\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd1fc09 elementor-widget elementor-widget-text-editor\" data-id=\"dd1fc09\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Mobile editing:<\/strong> You can quickly customize a different shape to fit desktop, tablet and mobile screens, using Elementor\u2019s Mobile Editing feature.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-88ae8f6\" data-id=\"88ae8f6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\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>Introducing Shape Divider A very powerful feature added to the section offers a very beautiful way to createyour&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3186,"menu_order":100,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-3646","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/neuronthemes.com\/torfa\/wp-json\/wp\/v2\/pages\/3646","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/neuronthemes.com\/torfa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/neuronthemes.com\/torfa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/neuronthemes.com\/torfa\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/neuronthemes.com\/torfa\/wp-json\/wp\/v2\/comments?post=3646"}],"version-history":[{"count":0,"href":"https:\/\/neuronthemes.com\/torfa\/wp-json\/wp\/v2\/pages\/3646\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/neuronthemes.com\/torfa\/wp-json\/wp\/v2\/pages\/3186"}],"wp:attachment":[{"href":"https:\/\/neuronthemes.com\/torfa\/wp-json\/wp\/v2\/media?parent=3646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}