Separators add a space or line onto your page layout to break up content. They help maintain consistent spacing throughout your website and create clear visual boundaries between sections.
Separator Types
Four separator styles are available: Empty Space (invisible spacing), Unbroken Line (solid horizontal rule), Dashed Line, and Dotted Line. Each can be customised in width, thickness, colour, and alignment.
Adding a Separator
- 1Navigate to the page where you want a visual break
- 2Click '+Add Element' in the page header bar
- 3Drag and drop the Separator icon to your preferred location
- 4Click the settings icon on the separator
- 5Choose your separator style from the available options
- 6Click 'Apply' to save
Configuration Options
Spacing — uses a grid system to maintain uniform site spacing above and below the line. Width — adjustable as a percentage of the container width. Alignment — position left, centre, or right. Thickness — controls the line's height. Colour — select from your site's colour palette or apply a custom colour.
Deleting a Separator
Hover over the separator on your page and click the X icon to remove it.
Use empty space separators for clean, minimal layouts. Reserve visible lines for areas where you need a strong visual distinction between content sections — overusing lines can make pages feel cluttered.
Was this helpful?
Related Articles
Content Blocks
Add, edit, move, and style text content blocks — the core building block of every page.
4 min readVideo
Elements & Plugins
Learn about all the drag-and-drop elements available in Limecube — text, images, video, buttons, forms, and more.
5 min readVideo
Using the Style Editor
Customise colours, fonts, button styles, and more — make your site match your brand perfectly.
6 min readVideo
Still need help?
Submit a Support Ticket