Skip to content

Layout

Found under Theme settings → Layout, with the last three controls grouped under a Spacing heading. These four settings decide how wide the page opens and how much air the theme leaves between things.

SettingWhat it doesDefault
Page widthThe maximum width the page content opens to: Narrow (1280px), Normal (1440px), or Wide (1600px). Page gutters are handled automatically and adapt to the screen, so a phone keeps a 20px edge whichever width you pick.Narrow
Section spacingThe theme’s baseline vertical rhythm, meaning the space above and below a section. Choose Compact (56px), Cozy (72px), Normal (96px), or Spacious (128px).Normal
Grid horizontal spacingThe gap between columns in every card grid, covering product grids, the collection list, and article cards. Range 0 to 40px.16px
Grid vertical spacingThe gap between rows in the same card grids (range 0–60px).24px

Page width is a deliberate choice, not a shortcut to bigger images. Lapels ships Narrow because the theme is built around a text measure: headings, editorial copy and the ruled index register are drawn to sit comfortably at 1280px. Widening the page spreads a four-up product row further apart before it makes any single card larger. Pick Wide when your catalog photography is the point and you want more of it on screen at once.

The two grid gaps are one pair for the whole theme. Every grid that reads them carries no gap of its own, so the sliders move all of them together and no section can drift out of step. Those grids are the collection template, search results, the collection list page, the blog page, and the Featured collection, Collection list, Related products and Blog posts sections.

Set both to 0 for an edge-to-edge, gapless grid.

Related: Typography · Buttons & corners · Product cards · Lapels support replies within 12 hours.