Divider

The divider element lets you separate blocks with spacings

Feature of the Pro version

The Divider element (1) is in the list of selectable elements of the theme. This elements lets you separate different elements from each other. The divider can habe different styles in the settings.

Configuration

In the Content (1) tab, you can define the basic Divider Layout (2) and set an optional Divider text (3). Further settings can made in the Settings tab.

---

The "Settings" tab contains the advanced settings for the divider (1) and the typography (7) of the optional text.

Divider: Define the Color (2), Width (3) and Height (4) of your divider. Width and height can be given in any units. The vertical alignment (5) comes into play when the separator is placed opposite other, higher elements in a multi-column blocks. The horizontal alignment (6) comes into play when the divider is smaller than 100% width.

Typography: These settings are visible if you have entered a Divider Text (optional) in the Content tab. Here you can define the text Color (8) and the global font family (9). The Text-alignment (10) defines on which position the text is display on the divider. You can place the text to the left of the divider, between the divider lines, or to the right of the divider. Set the Font size (11) and Font weight (12) of your divider text.