Help Center
Search…
Dividers
How to customize dividers and edit colors, length and thickness of dividers

Why do I need dividers?

Dividers have many functions. They can be used in overhangs and infographics as well as for isolating text. It all depends on your needs.

Adjusting the divider

Width

Click Dividers > Width. You can specify the length in pixels (px) or percent (%). The divider's final width in percent will be calculated based on the element's width (post/grid/column) into which the divider is inserted.

Thickness

Click Dividers > Thickness. You can specify the thickness in pixels (px).

Color

Click Dividers > Color. You can specify the color by selecting it in the palette or specifying a color code.

Alignment

If the divider width is smaller than 100%, you can select the alignment type – to the left, the center, or the right. To do so, click Dividers, open the Alignment menu, and select center/left/right.
Video tutorial on how to add alignment to dividers in the Content Design System Manager