One dropdown controls the spacing between every region on a Solo site. This video shows where it is, the nine values, and the small-screen rule that surprises people.
The control
It is labelled Website Region's Spaces and sits on the Layout & Dimensions tab of Global Site Settings. The choices are 12, 14, 16, 20, 24, 36, 48 and 64 pixels, each shown with its rem equivalent, plus None for a completely flush layout. The shipped default is 16px.
How it is built
The value becomes a class on the <html> element — gap-16, gap-36, gap-no — and that class sets a single custom property, --solo-gap. Every region padding and gutter in the theme reads that property. This is why the setting works instantly across header, sidebars, bottom strip and footer without touching a template: you are changing one variable, not dozens of rules.
The small-screen rule
Look at the stylesheet and the generous values are conditional. Gaps of 12, 14 and 16 apply at every width. Gaps of 20, 24, 36, 48 and 64 only take effect from 26rem (416px) upward, so on a narrow phone the layout keeps a smaller gutter no matter what you picked. That is deliberate — a 64px gutter on a 360px screen leaves almost no room for content — but it means a value you set on a desktop will not be what you measure on a handset. Test both before deciding the setting is broken.
Choosing a value
Denser sites with a lot of blocks read better at 12 or 14. Editorial layouts with few, large regions take 24 or 36 well. None is for edge-to-edge designs where your own CSS supplies all the spacing. If you are organising custom rules on top of this, SMACSS-based CSS categorisation pairs well with it.
The gap setting needs no module and works on every core release Solo supports — its info file declares ^10.1 || ^11 || ^12. Get the theme from the Solo theme page.
If you would rather have this set up for you, Drupal theming services covers the work, and recent projects show the result.
