1. Home
  2. Docs
  3. Widgets
  4. Companion Addons for Elementor WIdgets
  5. Divider Widget

Divider Widget

It adds the attractive horizontal divider for the content of your page. It includes the following customization options:

Content

Divider

Type: Choose any divider type

  1. Normal: Set a simple horizontal line as a divider.
  2. Text: Set any text as a divider and choose an HTML tag for the text.
  3. Icon: Choose any icon in a divider.
  4. Image: Select an image as a divider.

Style

  1. Divider
    • Alignment: Set the alignment of divider.
    • Stacked: Choose yes or no
    • Direction: Choose an either horizontal or vertical direction.
  2. Middle: Styling options for middle content like text, icon, image.
    • For Normal Divider Type:
      • Position: Choose the position of the element in relation to the divider, selecting from LeftCenter, or Right.
      • Other styling options are background, border, and margin.
    • For Text Divider Type:
      • All options of the Normal Divider Type.
      • Color, Typography, and padding are available for styling the text.
    • For Icon Divider Type:
      • All options of the Normal Divider Type.
      • Size: Increase & decrease the container size of the icon.
      • Icon Size: Increase & decrease the size of the icon.
    • For Image Divider Type:
      • All options of the Normal Divider Type.
      • Size: Increase or decrease size of the image.
  3. Before/After
    • Individual Style: Toggle on it if you want to style before and after the divider element individually.
    • Style: Select the divider style like solid, double, dotted, dashed.
    • Color: Choose the color of the divider line.
    • Length: Set the length of the divider line.
    • Weight: Set the thickness of the divider line.
Divider Widget
Was this article helpful to you? Yes No

How can we help?