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 Left, Center, 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.