Divider Element

Last Updated on

The Divider element allows you to add a divider between other elements.  You can change the line type, its width and color, and other settings.

x
Beware! This element is a part of the Raven elements. Raven is an exclusive plugin developed by Artbees which represents new useful elements to Elementor. In order to see the default Elementor Divider, you need to look for it in the Elementor knowledgebase.

In this article


Displaying a Divider Element

To add a Divider element to a page:

1
Add a new page or edit an existing one.
2
Click on Edit with Elementor button.

3
From the left dashboard, search for a “Divider”.

4
Drag and drop the divider element to your page.

5
A new dashboard on the left will open with the element’s settings. These are explained below.

Style

SettingDescription
Line Color Type Sets the color of the divider line. You can set either Classic color or Gradient color.
Line Type Sets the line type to Solid or Double.
Weight Sets the line weight.
Width Sets the line width.
Spacing Sets some space around the divider.
Box Shadow Sets the shadow around the divider.
Alignment Aligns the divider on a page.

Responsive Options

You can choose to have different settings on different screen sizes for some of the Divider element options. Whenever you see this icon, it means that you can choose different screen size and freely change that options for your specific resolution.

At first you’ll see the icon for desktop layout only

But when you click that icon, you’ll get two more layouts: for tablet and phone.

To learn more about it, please check this article.

Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket