Separator Block

The Separator Block can be used to divide content within a page. We have extended the core Gutenberg Separator Block to add new styling options for the 2U theme.

Colour Setting

This setting allows you to select the colour of the separator. The colours will come down from Whitelabel, into the Global Settings area of the Dashboard, so you will not have the ability to add new colours here, unless an admin-level user does this for you.

Annotation on 2020-06-09 at 12-19-37.png

Separator Width Setting

This setting allows you to adjust the width of your separator; so you can choose to have your separator span the full width of the section it is placed in (100%) or you can make this shorter.

Annotation on 2020-06-09 at 12-21-13.png

Separator Weight Setting

This setting allows you to adjust the weight/thickness of your separator.

Annotation on 2020-06-09 at 12-23-07.png

Separator Alignment Setting

This setting allows you to adjust the alignment of your separator to left, centered or right.

Margin Component Setting

This works the same across all blocks, but you can only add top & bottom margins to the separator block, as the width is controlled by the separator width setting as explained above.

Annotation on 2020-06-09 at 12-26-29.png

Desktop and Mobile

This block has the ability to be hidden individual devices but still visible on others, including Desktop, Tablet and Mobile.