A Divider block creates a space or a line and is used to separate items on your page.
We recommend that you choose the style of your divider first in the Layout area. You can choose a spacer or a line. A spacer adds a section of blank space, while a line adds a horizontal line.
Click save on the layout of your choice.
After selecting your divider's Layout, you can customize how your divider will display on your website.
Choose Thickness: Control the thickness of your Divider block. The available thickness options are ultra thin, thin, medium, and thick.
Choose Length: If using the line layout, you can also customize your divider's length. The available length options are long, medium, short, and flushed. The flushed layout will fill the line to the width of the screen.
When you have made your selections, click save changes.
The Styling area allows you to customize the space below and inside your Divider block.
Please note: The Styling setting is only applicable when using the line layout.
Space Below Blocks: Controls the amount of space before the next block begins.
Space Inside Blocks: Controls the amount of space at the top and bottom of a block.
You may customize the colors of your Divider block to be different from your global color selections. Click on the color box to change your colors. You may select from your accent colors or pick a new color. Press OK followed by save changes when you are happy with your color selection.
Please note: The Line Color setting is only applicable when using the line layout.
You can add a background image to your Divider Block. You can upload your own custom background image or choose one from the Background Library. You can customize how the background image is displayed in the Background Settings.