Introduction
Shape dividers are an easy way to add visual interest to your pages. Instead of plain section breaks, you can use creative shapes to create smooth transitions between sections, making your design feel more dynamic and polished.
Adding a Shape Divider
Click on the Block Settings of the section you want to edit.
Select Add Shape Divider.
Browse and choose from a variety of divider shapes.
The divider automatically applies to the section, giving you a styled transition.
Customizing Shape Dividers
Colors: Match the divider color to your background or section design for a seamless look.
Position: Place the divider at the top or bottom of a section.
Flip/Invert: Reverse the divider horizontally or vertically for different effects.
Spacing: Adjust spacing and size with the section handles to refine how it blends with surrounding content.
Opacity: Use opacity settings for subtle transitions or layered effects.
Creative Uses
Add dividers between sections with contrasting backgrounds (e.g., white to color).
Use multiple divider styles on a single page to break up long content.
Combine with background images or colors to create a unique layered design.
Best Practices
Keep divider colors consistent with your brand palette.
Use dividers sparingly - too many can overwhelm the design.
Test on mobile view to ensure the divider looks clean on smaller screens.
Use opacity or subtle designs when you want the divider to complement (not dominate) the page.
Adjust spacing to ensure smooth flow between sections.
Quick Workflow Recap
Open Block Settings
Click Add Shape Divider
Choose a design and set its color
Position it at the top or bottom of a section
Flip, invert, or resize as needed
Save and preview to confirm the final look