Advanced Separators

< All Topics

Separators are a very useful element in Web Design. As the name says, they are used to divide the content and make it more readable and spacious. They are also used to divide sections and rows. Our animated separator widget takes this to a whole another level by allowing you to create beautiful animations using the separator. It adds a live touch to the website.

Pro tip
Animated Separators are way different from normal separators. They enable you to add animations to separate the content or sections. Keep a use of these animated separators to a minimum to add a lively touch to your website.

How to use the Animated Separator Widget of The Plus Addons For Elementor

The Animated Separator widget comes with different styles and a plethora of customization options using which you can create stylish looking separators for your websites.

Table Of Contents

General Steps

Search for the Animated Separator element from the Elementor screen in the left and then drag and drop it into the content building area. After dropping the element, you will see three tabs i.e. Content, Style, and Advanced related to the Animated Separator widget. First, click on the Content tab.

1. Content



Select and edit the Shape divider from the option here.


Select either to display Row or Column.

Flip Divider

Slide to enable the Flip Divider.

Enable flip divider in Animated Separators widget.

2. Advanced

Advanced Tab Options are common across all the widgets. So, we have written a detailed tutorial explaining how to use these options

View The Advanced Tab Tutorial

Do you want to rate this article?
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.
Need help?