Style, buttons and inputs
These settings change the character of the theme without touching individual sections. Find them in
Theme settings › Style, Buttons and Inputs.
Style
Headings
| Setting | Options |
|---|
| Section heading style | Plain, Rule below, Centered with ornament, Framed label |
| Heading case | As typed, Uppercase |
| Heading letter spacing | Tighter or wider letter spacing for headings |
| Setting | Options |
|---|
| Card surface | Flat, Outlined, Raised |
| Image corner radius | Square to rounded corners for images and cards |
| Image frame | None, Thin border, Inset passe-partout |
| Show lines between sections | Thin divider between sections |
Controls
| Setting | Options |
|---|
| Button style | Solid, Outline, Soft tint, Text with underline |
| Badge shape | Square, Pill |
| Desktop menu links | Plain, Animated underline, Pill highlight |
| Setting | What it does |
|---|
| Button corner radius | From square to fully rounded buttons |
| Button text style | Sentence case or uppercase |
| Show arrows on buttons | Adds an arrow after button labels |
The Shopify dynamic checkout button (for example Shop Pay) follows the same button style.
| Setting | What it does |
|---|
| Input style | Boxed fields or underlined fields |
| Input corner radius | Corner rounding of text fields |
On computers with a mouse or trackpad, drop-down menus (sort, variant options and others) open a menu in the theme’s
colors, with full keyboard support. Phones and tablets keep the device’s own picker.