How to set up and style the Advanced Divider widget in Elementor.
Advanced Divider draws a line between parts of a page, with text, an icon or both in the middle. Pick from 11 line styles, from a plain solid line to zigzag and wave patterns, and let the lines draw themselves in when the divider scrolls into view.
Part of: Bright Addons (free).
| Option | What it does |
|---|---|
| Line Style | The look of the line. Fade and Gradient soften toward the ends; Zigzag, Wave, Slashes, Dots and Chevrons are patterns. |
| Middle Content | What sits in the middle of the line: nothing, text, an icon, or an icon and text. |
| Text | The words shown in the middle. |
| Text Tag | The HTML tag for the text, for example a heading tag when the text works as a section title. |
| Icon | The icon shown in the middle. |
| Content Position | Left, center or right. |
| Line Before Content | Length of the short line when the content sits on the left or right. |
| Width | How wide the whole divider is. |
| Alignment | Where the divider sits when it is narrower than the column. |
| Draw Lines When Visible | The lines grow out from the middle the first time the divider scrolls into view. |
Bright Addons Pro has 80 Pro widgets plus all 51 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $18 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
color, second color for the gradient, weight, pattern height, space around the content and space above and below.
color and typography.
color, background color, size, padding, border radius and space between icon and text.
Yes. Set Middle Content to None and you get a styled line on its own.
Choose the Gradient line style, then set Color and Second Color in the Line style section.
No. The lines grow in once, the first time the divider scrolls into view.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide