Table of contents
The Separator block puts a horizontal line between sections of a page. Use it when one idea ends and another begins and a new heading would be too heavy — it gives readers a visual pause without adding words.
Step 1 — Insert the block
Go to the page or post where you want the separator. Hover over the Add Block icon (the plus sign in the upper left hand corner of the editor) and select Layout Elements, then Separator. You can also type /separator on a new line and press Enter, which is quicker once you know the block by name.
Step 2 — Position it
A short horizontal line appears in your content. Drag it, or use the up and down arrows in the block toolbar, to sit exactly where you want the break to fall.
Step 3 — Style it
With the separator selected, the sidebar on the right controls how it looks:
- Style — the default short line, a wide line, or a row of dots.
- Color — pick a divider color that matches your theme rather than leaving it at the default grey.
- Width and thickness — narrow the line or make it heavier so it reads as a deliberate design element.
- Advanced — add your own CSS class if your theme styles separators differently in certain sections.
Step 4 — Save
When the separator looks right, update or publish the page. Preview it on a phone as well as a desktop — a separator that looks subtle on a wide screen can dominate a narrow one.
A separator is for a visual break only. If the new section is a genuinely different topic, give it a heading instead so it shows up in your page structure — see how to use WordPress block patterns for laying out longer pages, or the spacer block when you want breathing room without a visible line.
Leave a comment