Divider Element

The Divider Element will provide a useful and handy feature to help you make a distinction between content. You can choose from a variety of 25+ SVG dividers, also to enhance the style you can add text or icon before, after, or between the divider. 

Content Tab 

Divider

1. Style - Set the style for the divider. The list will include 25+ SVG dividers that you can choose from
2. Width - Set the width of the divider 
3. Alignment - Set the alignment of the divider to either be Left, Center, or Right 
4. Add Element - Add an element for the divider. It can either be None, Text, or Icon. 

Style Tab

Divider

1. Color - Set the color for the divider 
2. Size - Set the size for the divider 
3. Amount - Set the number of patterned elements for the show for the divider 
4. Gap - Set the gap for above and below the divider 

Text

1. Color - Set the color for the text 
2. Typography - Tweak the typography options for the text 
3. Position - Set the position of the test to either be Left, Center, or Right 
4. Spacing - Set the spacing between the text and the divider 

Icon

View: Default

1. View - Choose from the three options available of the view style for the icon. You can leave it as Default, Stacked, or Framed. Each comes with its own settings 
2. Size - Set the size of the icon 
3. Primary Color - Set the primary color for the icon 
4. Position - Set the position for the icon to either be Left, Center or Right 
5. Spacing - Set the spacing between the icon and the divider 
6. Rotate - Drag the handle to rate the icon position 

View: Stacked

1. Size - Set the size of the icon 
2. Padding - Set the padding value for the icon 
3. Primary Color - Set the primary color for the icon
4. Secondary Color - Set the secondary color for the icon 
5. Position - Set the position for the icon to either be Left, Center or Right 
6. Spacing - Set the spacing between the icon and the divider 
7. Rotate - Drag the handle to rate the icon position
8. Border Radius - Set the border-radius for the icon to make the edges rounder 

View: Framed

1. Size - Set the size of the icon 
2. Padding - Set the padding value for the icon 
3. Primary Color - Set the primary color for the icon
4. Secondary Color - Set the secondary color for the icon 
5. Position - Set the position for the icon to either be Left, Center or Right 
6. Spacing - Set the spacing between the icon and the divider 
7. Rotate - Drag the handle to rate the icon position
8. Border Width - Set the width of the border in values or simply drag the handle 
9. Border Radius - Set the border-radius for the icon to make the edges rounder 

Set the settings for the Advanced Tab that is appropriate for the element.