Separators & Spacers

Separators and spacers allow you to create space in between objects and divide them with a horizontal line. You designed your separator style with your designer in your design consultation meeting. If you want a more customizable line divider the Spacer/Divider Kadence block will be your go to.

While these are very handy to add distinction between elements we don’t suggest using them to add space between items.

When you remove the line from the spacer/divider it’s difficult to see in your design and you end up with weird spaces and can’t figure out why. We suggest adding margin to the bottom of your row layouts and text instead.

We created two easy to use styles to easily space out your text:

To add 30px of space under your text add margin_bottom_30 (just under a half inch) in the Advances setting of your text or heading block. To add 60px (just under an inch) below your text add margin_bottom.