Divider

The element is used to create visual separations between different content sections on your website. These simple yet effective dividers help improve readability and create a clear structure on the page. Dividers can be used in various styles and designs.

General Settings

Function	Description
Divider Type (1)	The line type of the divider. Either solid, dotted, dashed, or double.
Divider Content (2)	Here you can choose whether to set a heading, an icon, or nothing with the line. Icon
Heading (3)	Set the heading that will be displayed together with the lines of the divider.

Function

Description

Divider Type (1)

The line type of the divider. Either solid, dotted, dashed, or double.

Divider Content (2)

Here you can choose whether to set a heading, an icon, or nothing with the line. Icon

Heading (3)

Set the heading that will be displayed together with the lines of the divider.

Layout Settings

Function	Description
Divider Color (1)	Set the general color here
Divider Width (2)	Here you can set the width of the entire element
Divider Height (3)	This determines the thickness of the lines
Vertical Alignment (4)	This function comes into play when the divider is placed next to another element
Horizontal Alignment (5)	Here you determine how the icon or the heading interacts with the lines.

Function

Description

Divider Color (1)

Set the general color here

Divider Width (2)

Here you can set the width of the entire element

Divider Height (3)

This determines the thickness of the lines

Vertical Alignment (4)

This function comes into play when the divider is placed next to another element

Horizontal Alignment (5)

Here you determine how the icon or the heading interacts with the lines.