In the theme editor: Customize›Theme settings›Layout
Layout
The page width, the corner radius of images, buttons and fields, the frame around images, and the default space between sections.
The section spacing here is the default for computers and phones. Each section can still set its own.
Settings
General
- Page width
- Slider, 1000 to 1600 pxDefault: 1100 px
- Image corner radius
- Slider, 0 to 32 pxDefault: 18 px
- Frame thickness around images
- Slider, 0 to 16 pxDefault: 8 pxThe space between an image and the edge of the surface it sits in: quick view, signup popup, featured product and product page cards. The image corner follows the surface corner. 0: the image reaches the edge.
- Button and field corner radius
- Slider, 0 to 24 pxDefault: 12 pxEvery button and field that used to be a pill. 12 is the rounded rectangle of the "all new arrivals" button. Above 20 it approaches a pill.
Section spacing
- Computer and tablet
- Slider, 0 to 160 pxDefault: 128 pxThe distance between two neighboring sections on screens 750 px wide and up, in every section without custom spacing. Each section takes half above and half below.
- Phone
- Slider, 0 to 120 pxDefault: 80 pxThe distance between two neighboring sections on screens narrower than 750 px, in every section without custom spacing. Each section takes half above and half below.
Spam protection
- Hide the spam-protection badge
- On or offDefault: OnShopify shows a small hCaptcha badge in the corner after a visitor focuses a signup form. Hiding it is allowed by hCaptcha only if your store policy includes its disclosure sentence: This site is protected by hCaptcha and the hCaptcha Privacy Policy and Terms of Service apply. The widget keeps working.
Something here doesn’t match what you see in your editor? Tell us and we will fix the guide.