Full width and narrow pages
Rural Blog gives a page two one-column widths:
| Layout | Width |
|---|---|
| Narrow (reading width) | the narrow width — 620px out of the box |
| Full width | up to the container width — 1170px out of the box |
Both are set in Design → General → Widths, and chosen per page under Page layout.
Narrow is the default, and usually right
A page of prose — About, Contact, Privacy, a colophon — reads best at the same measure as a post. Widening it does not make it better; it makes the lines longer than the eye wants to track.
When to go full width
- A landing page built from Cover, Columns and Media & Text blocks.
- A gallery or portfolio grid.
- A page with a table that will not fit in 620px.
- An Archives page with a lot of posts, where the extra width buys real rows.
You may not need it
A narrow page can already break out. Any block that supports it can be set to Wide width or Full width from the block toolbar and will escape the reading column — see Wide and full width. One big image in the middle of a narrow page is a block alignment, not a layout change.
Use the full-width layout when the whole page is wide, not when one block is.
The landing-page combination
Set a page to Full width and tick Hide page title? in the Page options box, and the theme drops the content wrapper’s top padding to a thin step. The first block starts directly under the header.
This is the magazine-homepage case: no title, no sidebar, just blocks. Without the special handling you would get a band of empty space where the title used to be, which reads as a bug rather than as a design.
Typical recipe for a front page:
- Pages → Add New, title it
Home. - Page options: Layout → Full width, tick Hide page title?.
- Build the page — a Cover block first, then whatever follows.
- Settings → Reading → Your homepage displays → A static page → Homepage: Home.
- Point Posts page at a separate page called
Blog, which will use your blog layout and display.
Widths are site-wide
The two numbers are global. Changing the narrow width to make one page wider changes every narrow post and page on the site. If you want a different width for one page, use the full-width layout, or constrain the blocks inside it with a Group block.
Related
- Container and narrow width
- theme.json — the widths the editor uses