Elementor - Custom Shape Dividers Anywhere

Shape divider in Elementor is such a great feature. Unfortunately, it’s only applicable to Section, more precisely to Section top or bottom side. Moreover, currently, it’s not possible to use or apply custom shape divider. Is it possible to override these two drawbacks in Elementor? Sure it is! In this video, you will learn how to apply custom Shape Divider, how to apply it to Column (not only Section) and how to apply it both vertically and horizontally. Two methods will be featured in this tutorial. The first one is very easy and doesn’t require Elementor PRO, but the second one is for advanced users only. It does include the usage of Custom CSS panel and some hand-written CSS code. If you are eager to learn new tips and tricks in Elementor - just watch this video! SOURCE CODE (css) Gist: https://gist.github.com/oooh-boi/6e3c01ff96b197773207f86238e0b92a OTHER TUTORIALS ----- Overlapping Columns in Elementor https://youtu.be/9hKnT_ahRxg —— Overlapping Rows in Elementor https://youtu.be/hV91PCZE9H4 —— Episode 1: Image in text, gradient text - Elementor tips and tricks https://youtu.be/3aXTiMa6u9A ----- Episode 2: Creative Borders - Elementor tips and tricks https://youtu.be/ITXGy4b67YQ ----- Episode 3: Fancy Image Borders and Buttons - Elementor tips and tricks https://youtu.be/q3zyxGJUwpU ----- Episode 4: Image Blobs - Elementor tips and tricks https://youtu.be/D0ZcFNoLqYM -----