Skip to content

Layout

Theme settings → Layout

Controls the padding and spacing that every section, block, and piece of content uses by default. Because these are global multipliers, changing one value here adjusts the whole site consistently instead of having to edit every section.

  • Color scheme — the default color scheme used across the site. Default: Scheme 1. See Color schemes.

Controls the padding around the outside of each section (the gap above/below and left/right of a section’s content).

  • Wide section padding — padding used by the header, footer, and any section with Container size set to Wide. Applies to desktop and mobile. Range 0.1–2rem, default 1rem.
  • Show settings for — choose whether you’re editing the Desktop or Mobile value. The two are independent; switch this to see/edit the other.
  • Left and right (desktop) — range 1–10rem, default 5rem.
  • Top and bottom (desktop) — range 1–10rem, default 5rem.
  • Left and right (mobile) — range 0.2–2rem, default 1rem.
  • Top and bottom (mobile) — range 1–10rem, default 5rem.

Controls the spacing between pieces of content within a section (for example, the gap between a heading and the text below it).

  • Show settings for — Desktop or Mobile.
  • Horizontal / Vertical (desktop) — range 0.1–3rem, default 1rem each.
  • Horizontal / Vertical (mobile) — range 0.1–3rem, default 1rem each.

Controls the spacing between blocks inside a section (for example, the gap between two content cards sitting side by side).

  • Show settings for — Desktop or Mobile.
  • Horizontal / Vertical (desktop) — range 0.1–2rem, default 1rem each.
  • Horizontal / Vertical (mobile) — range 0.1–2rem, default 1rem each.

Note: all spacing here is set in rem units (relative to the root font size), which is the theme’s standard unit for spacing and sizing controls.