Separators
When you have multiple sections in one page, it is nice to separate them with some kind of line or background. This is where separators come in to play.
Top Separator
Separator Type
The Separator Type property defines the style of the background divider that will be used.
Modify
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects tab
Select the Separators tab
Find the Type property
Select the desired separator type value
Separator Color
The Separator Colour property defines the colour of the background separator.
Modify
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects tab
Select the Separator tab
Find the Colour property
Open the Colour Picker by clicking on the Colour circle in the text Colour property
Select your Colour in the Colour Picker or click on a Global Colour
Reset
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects panel
Select the Separator tab
Find the Colour property
Click dot(s) to reset
Separator Height
The Separator Height property defines the height of the background separator.
Modify
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects tab
Select the Separator tab
Find the Separator Height property
Enter the desired separator height value
Reset
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects tab
Select the Separator tab
Find the Separator Height property
Click dot(s) to reset
Separator Width
The Separator Width property defines the width of the background separator.
Modify
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects tab
Select the Separator tab
Find the Separator Width property
Enter the desired separator width value
Reset
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects tab
Select the Separator tab
Find the Separator Width property
Click dot(s) to reset
Flip Y
The Flip Y property allows you to flip the separator vertically.
Activate/Deactivate
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects tab
Select the Separator tab
Find the Flip Y property
Toggle the property to activate/deactivate
Flip X
The Flip X property allows you to flip the separator horizontally.
Activate/Deactivate
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects tab
Select the Separator tab
Find the Flip X property
Toggle the property to activate/deactivate
Separator Shadow
The Separator Shadow property adds a shadow to the background divider, giving it more depth.
Activate/Deactivate
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects tab
Select the Separator tab
Find the Separator Shadow property
Toggle the property to activate/deactivate
Bottom Separator
Separator Type
The Separator Type property defines the style of the background divider that will be used.
Modify
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects tab
Select the Separators tab
Find the Type property
Select the desired separator type value
Separator Color
The Separator Colour property defines the colour of the background separator.
Modify
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects tab
Select the Separator tab
Find the Colour property
Open the Colour picker by clicking on the Colour circle in the text Colour property
Select your colour in the Colour Picker or click on a Global Colour
Reset
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects panel
Select the Separator tab
Find the Colour property
Click dot to reset
Separator Height
The Separator Height property defines the height of the background separator.
Modify
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects tab
Select the Separator tab
Find the Separator Height property
Enter the desired separator height value
Reset
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects tab
Select the Separator tab
Find the Separator Height property
Click dot(s) to reset
Separator Width
The Separator Width property defines the width of the background separator.
Modify
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects tab
Select the Separator tab
Find the Separator Width property
Enter the desired separator width value
Reset
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects tab
Select the Separator tab
Find the Separator Width property
Click dot(s) to reset
Flip Y
The Flip Y property allows you to flip the separator vertically.
Activate/Deactivate
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects tab
Select the Separator tab
Find the Flip Y property
Toggle the property to activate/deactivate
Flip X
The Flip X property allows you to flip the separator horizontally.
Activate/Deactivate
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects tab
Select the Separator tab
Find the Flip X property
Toggle the property to activate/deactivate
Separator Shadow
The Separator Shadow property adds a shadow to the background divider, giving it more depth.
Last updated