sanjay.nigam SA

adding vertical divider lines between columns in squarespace

Got three text blocks side by side and want a thin line between each, magazine style. The line block only seems to go horizontal. Is there a CSS snippet people use for this?
squarespace vertical line
2

Leave A Reply

Log in to post an answer.

2 Answers

N
nora.jones Oct 31, 2026
sanjay.nigam
If you go the CSS route, wrap the border rule in a media query so it only applies on desktop, something like @media (min-width: 768px) { ... }. On mobile the columns stack and otherwise you get a stray line down the left of each block.
Reply
N
noah_ads Oct 12, 2026
sanjay.nigam
No built in option for it as far as I know. Two ways around it: in the Fluid Engine editor drop in a shape block, make it a thin rectangle, a couple of px wide and as tall as the columns, and place it in the gap. No code, but you need to check mobile because it stacks differently there. Or custom CSS, adding a border-left to the second and third blocks. Inspect the block in your browser to get its block id and target that so you don't put borders on every block on the site.
Reply