With the Divider widget you can add and customize beautiful partitions to your pages.
The Content Tab
Divider
Style: Click on the drop down menu to choose the look of the divider.
Width: Adjust the width of the divider.
Alignment: Set the alignment of the divider relative to the box.
Add Elements: Choose from none, text, or icon.
Text: Customize the text of the divider in the provided field.
Icon: Click on the icon bos to upload and insert an icon into the divider.
The Style Tab
Divider
Color: Customize the color of the divider.
Size: Adjust the size of the divider.
Gap: Adjust the vertical spacing of the divider relative to the box.
Text
Color: Customize the color of the divider text.
Typography: Customize the typographical settings of the divider text.
Position: Set text position relative to the divider.
Spacing: Adjust the spacing between the text and the divider.
Icon
View: Choose from default, stacked, or framed.
Size: Adjust the size of the icon.
Icon Default Settings
Primary Color: Customize the color of the icon.
Position: Position the icon to the left, center, or right of the divider.
Spacing: Adjust the spacing between the icon and the divider.
Rotate: Option to rotate the icon.
Icon Stacked Settings
Padding: Adjust the padding around the icon.
Primary Color: Customize the color of the icon background.
Secondary Color: Customize the color of the icon.
Position: Position the icon to the left, center, or right of the divider.
Spacing: Adjust the spacing between the icon and the divider.
Rotate: Option to rotate the icon.
Border Radius: Adjust the radius for curved corners.
Icon Border Settings
Padding: Adjust the padding around the icon.
Primary Color: Customize the color of the icon border and icon.
Secondary Color: Customize the color of the background.
Position: Position the icon to the left, center, or right of the divider.
Spacing: Adjust the spacing between the icon and the divider.
Rotate: Option to rotate the icon.
Border Width: Adjust the thickness of the border.
Border Radius: Adjust the radius for curved corners.
The Advanced Tab
In the advanced tab adjust the padding, apply Z-index to your elements, set conditions, motion effects, responsiveness, and more.
Next Up: Spacer