Element Overview
The Divider Element allows for lines of any height, colour, and vertical or horizontal orientation to be added to the page. The width and a offset of the Divider can also be controlled.


Element Options
Choose the orientation of the Divider using this option. The Divider can be displayed horizontally (default) or vertically.

(Horizontal) Width (1-12)
Input the number of Columns the Divider will span (max 12). The max value is 12 because Fusion is built upon a Bootstrap-based 12-column grid.

(Horizontal) Offset (1-12)
Input the number of blank Columns to appear on the left of the Divider. This is useful for adjusting the positioning of a Divider horizontally.

(Vertical) Height
Input the height in pixels of the Divider (e.g. 200px).

(Vertical) Offset
Input the vertical offset of the Divider in pixels (e.g. 100px). Vertical Dividers will begin at the top of whatever Column they are added to; use this option to adjust their vertical positioning within that Column.


Element Advanced Options

Input the thickness of the Divider in pixels (e.g. 2px). Depending on the theme in use, the default will typically be 1px thick.

Choose the color of the divider by inputting the hex code or using the color picker.

Color Opacity
The opacity of the color chosen for the divider can be controlled using this option. Input a value between 0 and 1.


Element Style Options
Every Element has a standard set of style options available to it that allow for margins, padding, background color, CSS classes, and more to be set.

Learn More about Element Style Options