Are you looking to add a vertical shape divider between columns in Elementor? A vertical shape divider creates a clear visual boundary between content areas within a section.
With the Advanced Separators widget from The Plus Addons for Elementor, you can add a vertical shape divider to any section or container in Elementor.
To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Separators widget, click here.
Best Used For:
- Multi-column sections where you need a clear visual boundary between columns without a border or image
- Feature comparison or pricing sections with two content areas that need a design separator
- Hero sections where you are splitting content side by side and want a clean visual divider
Requirement - This widget is a part of The Plus Addons for Elementor. Make sure it is installed and activated.
To do this, add the Advanced Separators widget to a container or section and follow the steps.
1. Select an appropriate option from the Shape Divider section.
2. Then select Column from the Row/Column dropdown. If you want a horizontal shape divider between rows or sections instead, see How to Add a Horizontal Shape Divider in Elementor.
Then make the necessary adjustments to the shape divider based on the selected divider type.
This is how you can add a vertical shape divider to a section or container in Elementor. To also add animated scroll effects to the section, see How to Add Global GSAP Animation in Elementor.
