The LSX Divider block makes it easy to add a dividing line underneath a header title, subtitle or any content area where you wish to add a clear spacing.

Adding a Divider Block to your page

  • Select the Plus sign for adding a new block and search for “LSX Divider”.
  • Once selected, the Divider Block will be populated in the selected block space.
  • Change the display of the divider by configuring the options available in the right sidebar.

Spacer Height – Adjust the height around the divide line.

Add Divider – This toggles the display of the divider line.

Divider Style – Set the style of the divider line. Choose between solid, dashed and dotted.

Divider Height (px) – Set the height of the divider line itself.

Divider Width (%) – Set the width of the divider line.

Divider Color – Select a color for the divider line.

Need help with a different LSX Block?

Need help with a different LSX Block? Find the walkthrough you are looking for from our block documentation homepage.