Every so often, we need to divide web content like text, image, video, etc. You have a 100 percent chance to add a divider between your web content if you use our Advanced Divider Widget.
Here, I’ll include instructions and detailed pictures to help you get started.
To Insert Widget
Inserting widget, it is just a matter of drag and dropping. See the screenshot above.
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.
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 – will help you to set divider type.
Select Divider – will help you to select divider.
Alignment – 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.
Go to the Content tab > Advanced Divider.
This section is here to help you to set the Stroke Width, Divider Crop, Match Height.
Go to the Content tab > Additional Settings.
Now, let’s work with Style Tab. The tab will confidently have you style the web content (text, image, video, etc.) of the page you require to design.
Styling with the Style tab in Elementor will always give you a fantastic experience.
Let’s have a look.
This section will let you add Color, Line Cap, and Offset to the divider added.
Go to the Style tab > Advanced Divider.
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.