Every so often, we need to use the Advanced Divider Widget for web content like text, image, video, etc. You have a 100 percent chance to add a divider between your web content. Here, I’ll include instructions and detailed pictures to help you get started.
To Insert Widget
Inserting the widget is just a matter of drag and dropping. See the screenshot above how we placed the page divider into the editor.
Content Tab
Using the content tab, you’ll be able to make a layout of a particular part of a website. And in this regard, some handy sections in the tab will assist you a lot.
Advanced Divider
In this section, you can edit or select all the controls and can also enable the switcher button(Yes/No) in accordance with the design you want. There are controls like
Divider Type – This will help you to set divider type.
Select Divider – This will help you to select a divider.
Alignment – This will help you to set alignment.
If you need to manipulate the width and gap of the top and bottom, you’ve to work Max Width, Top Gap, and Bottom Gap scroll bar.
All of these dividers are possible to animate, you’ve to enable the Animation switcher button for the Advanced Divider Widget.
Go to the Content tab > Advanced Divider.
Additional Settings
This section is here to help you to set the Stroke Width, Divider Crop, Match Height.
Go to the Content tab > Additional Settings.
Style Tab
Now, let’s work with the Style Tab. The tab will confidently have you style the web content (text, image, video, etc.) of the page you require to design the elementor page divider.
Styling with the Style tab in Elementor will always give you a fantastic experience.
Let’s have a look.
Advanced Divider
This section will let you add Color, Line Cap, and Offset to the divider added.
Go to the Style tab > Advanced Divider.
Video Assist
Finally, it seems that you’ve read this article and found it very useful. If you want to know more about the widget, you can watch the video on Advanced Divider by Element Pack and also go to our demo page.