-
Floral Down
-
Laurel Branch
-
Laurel Line Break
-
Laurel
-
Leaves Branch
-
Leaves Line Break Up
-
Leaves Line Break Down
-
Leaves
-
Wildflower
-
Leaf Flourish
-
Leaf Trio Line Break
-
Heart Line Break
-
Ribbon Flourish Up
-
Ribbon Flourish Down
-
Double Line Break
-
Circle Point Line Break
How to Add a Divider Block to Your Footer in Zibster
The Divider Block allows you to add visual separation in your website footer by creating either spacing or a horizontal line between footer elements. This is helpful for improving layout clarity and organization in your footer area. This article walks you through how to add a Divider Block to your footer and customize its layout, styling, colors, and background options.
STEP ONE
Log into your Zibster account and click WEBSITE in the left-side menu.
STEP TWO
Open The Footer Section
In the Website Builder, scroll to the bottom of your page list and click FOOTER. This opens the footer editing area.
STEP THREE
In the footer area, click or drag the Divider Block from the right-side panel to add it to your website footer.
STEP FOUR
The new Divider Block will appear at the bottom of your footer. Click and drag the Divider Block to reposition it anywhere within the footer.
Click directly on the Divider Block to open its design settings.
STEP FIVE
You can choose between the following two layouts for your footer Divider Block.
Select your preferred layout from the dropdown menu.
-
Spacer
-
Line
-
Diamond Trio Line
-
Diamond Line
-
Double Circle Line
-
Vertical Line
-
Down Arrow
-
Fleur-de-Lis
-
Camera
-
Mountains
-
Bee
-
Butterfly
-
Floral Branch
-
Floral Line Break Up
-
Floral Line Break Down
-
Floral Up
Styling Options
If you are using the LINE layout, additional styling options will appear:
-
Line Style - solid or dotted line for regular line.
-
Space Below Blocks – Controls the spacing before the next footer block begins
-
Space Inside Blocks – Controls the spacing at the top and bottom of the Divider Block
Adjust these settings as needed and click SAVE CHANGES to apply them.
Adjusting Colors
You can customize the Divider Block colors independently from your global color settings.
-
Click the color selector to choose a color
-
Select from your accent colors or choose a custom color
-
Click OK, then SAVE CHANGES
Note: The Line Color option is only available when using the LINE layout.
Background Options
For the Images Block background, you can choose from the following:
-
No Background – No background applied
-
Custom Background – Upload your own background image
-
Background Library – Select a background from Zibster’s library
If you use a custom background or a library background, you can choose one of these layout options:
-
Tile – Repeats the image to fill the space
-
Top Left – Aligns the image to the top-left corner
-
Centered – Centers the image in the available space
-
Cover – Scales the image to fully cover the background area
