Styling elements
Every element shares one set of spacing, typography, colour and border controls. Main buttons get their own icon, colour and shape options. Page-wide colours live in Page settings.
Shared controls
The gap before and after the element.
Space inside the element, on all sides.
With Box alignment (Left, Center, Right) when narrower than the column.
Inherit, Left, Center, Right · Inherit, Regular, Medium, Semibold, Bold.
0–48 px (0 = inherit) · empty = inherit.
Transparent by default.
0–10 px solid border (empty colour = the page border colour) · 0–40 px radius.
Required elements must show on every device.
Up to five classes for your theme's CSS.
Button styles
Proceed to Checkout (Cart) and Place Order Button (Checkout) have extra controls:
| Control | Options |
|---|---|
| Button icon | Default, No icon, Arrow, Lock, Shield, Cart, Card, Check, or Custom image (then Custom icon image: a small square SVG or PNG). Default is an arrow on the right for Proceed, a lock on the left for Place Order. |
| Icon position | Default, Left or Right of the text |
| Button style | Default (page setting), Filled or Outline |
| Button color · Text & icon color | Default = the page button colour |
| Button shape | Default (page button radius), Square, Rounded (12 px), Pill or Custom (0–40 px, default 12) |
| Button width · Button alignment | 0–800 px (0 = fit the text) · Left (default), Center or Right. On the Layout tab, shown when Full width is off. |
- Filled, Outline and Pill variants with a lock icon
Coupon shapes
Coupon fields (Cart Items' coupon and the Coupon elements) have Shape (Same as form fields, Square, Rounded, Pill, Custom), Border style (Dashed, Solid, Dotted, None) and Apply button shape (Match the field, Square, Rounded, Pill, Custom).
Section badges
Contact, Billing, Shipping Methods and Payment Methods can each override the section icon and badge colours. See Section badges.