Divider allows you to separate elements and blocks with a visual line. It can also be used just for design purposes.

Here's a good example of using the divider elements:

Adding a divider

Choose a place between elements or blocks where you'd like to add a divider, click on the "plus" and choose the Divider element in the pop-up menu:



Hover over the divider and click on the "gear" to access its settings:



Here you can customize the Color, Height and Width of your divider:



You can also select the Style of your divider:



Don't forget to publish your site for the changes to appear live.

Tip: Learn more about the divider element settings in the Managing elements article.

Using a divider in a Flex block

Adding a divider similarly in Flex block. Click the Add Element button:



Tip: you can learn how to add an element to Flex block in this instruction.

Settings for the style and color of the divider in Flex block are similarly to the previous section.

Unlike the divider in a regular block, in Flex block you can set its width in pixels:

Updated on: 10/12/2023