Layout
Layout settings control the two things that shape every page of your store: how wide the content area is, and how rounded the edges of images, buttons, and input fields look. These values are set once at theme level, so they apply everywhere instead of section by section. You get a consistent look without repeating the same choice on each page.
How to find it
In the Theme Editor, open Theme settings, then select Layout.
Settings
View the settings guide .
| Setting | Options | Description |
|---|---|---|
| Page width | Sets how wide the content area of your store is, from 1200 to 1596 px in steps of 4 px. A narrower width keeps text and products closer together. A wider one uses more of the screen. Default: 1392. |
Rounded corners
| Setting | Options | Description |
|---|---|---|
| Image | Sets how rounded the corners of images are, from 0 to 20 px. A higher value makes the corners more curved. Default: 0. | |
| Button corner radius | Sets how rounded buttons are, from 0 to 30 px. Larger values give softer button edges. Default: 0. | |
| Input corner radius | Sets how rounded input fields are, from 0 to 30 px. Input fields include search boxes and form fields. Default: 0. |
Page width sets the content width, from 1200 px to 1596 px. The default is 1392 px.
Rounded corners sets the radius in pixels for images (up to 20 px), buttons (up to 30 px), and input fields (up to 30 px). Set 0 for square corners.
Notes
Blocks with the image rounding option set to Inherit follow the Image value here.
Page width applies to sections whose Section width is set to Page width.
No comments yet