A Divider block creates a space or a line and is used to separate items in your footer.
ADD
To edit your footer, click on footer at the bottom of your list of pages.
Next, go to your Block Editor to the right of the screen and click on the Divider block, to add it to the builder area of your page.
EDIT
Once the Divider block has been added to your page, click inside of the block to customize it. A pop-up menu will show up on the right.
LAYOUT
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.
CUSTOMIZE YOUR DIVIDER
After selecting your divider's Layout, you can customize how your divider will display in your footer. Click the divider section.
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.
ADVANCED SETTINGS
In the pop-up menu on the right, you will find advanced settings for your divider block, including styling, colors and background.
STYLING
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.
COLORS
You may customize the colors of your Divider block to be different from your global settings 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.
BACKGROUND
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.
0 Comments