Skip to main content

Layout

Layout​

Since v1.0.0

The Layout settings control the overall width of your pages and the roundness of corners across the whole theme. You'll find them under Theme settings > Layout in the theme editor. To open theme settings, click the gear (settings) icon in the left sidebar of the theme editor.

Settings​

General​

  • Size: The maximum width of your page content (1400 to 1900 px). On screens wider than this, the content stays centered and does not stretch further. Sections set to full width still span the whole screen.
  • Border radius: How rounded the corners are on elements across the theme, such as images, cards, drawers and popups (0 to 30 px). Set it to 0 for sharp corners.
  • Buttons border radius: How rounded the corners of buttons are (0 to 60 px). High values give pill-shaped buttons. Product badges use the same rounding.
note

Some sections and blocks have their own corner radius setting. When you set a custom radius there, it overrides the value from Layout for that section or block only.