Cart appearance & settings

Colours, fonts, corner radius, header and footer — the shell your widgets sit inside.

5 min read

Widgets handle the content of your cart; Cart settings handles the container around them. Open it from the Cart settings button in the builder, or click the cart header or footer in the preview to jump straight to that section.

#Appearance

SettingWhat it controls
Cart backgroundThe main background colour of the drawer or cart page.
Accent colourButtons, links, highlights and interactive elements throughout the cart.
Text colourPrices, labels and body copy.
Body fontProduct names, descriptions and prices. Choose *Theme default* to inherit your store's font.
Heading fontSection headings and widget titles — often worth contrasting with the body font.
Corner radiusHow rounded widget and card corners are, from square (0) to pill (28).
Item display*Flat list* renders cart items edge-to-edge; *Cards* wraps each item in its own raised surface with its own background colour.
Sale price uses accent colourRenders the struck-through original price in your accent colour so savings catch the eye.

The bar at the top of the cart. You can turn it off entirely, or set:

  • Title and an optional tagline underneath (e.g. "Free shipping over $50").
  • A logo image with an adjustable height — the header grows to fit it.
  • Item count format and how rounded the count pill is.
  • Whether the title uses the heading or body font, and the close button style.

The order-summary block above the checkout button. Toggle the whole footer, and within it the subtotal row (with your own label), an estimated shipping row (label plus a value like "Calculated at checkout"), and the supporting note lines.

#Store-wide colours vs. per-cart colours

Settings → Storefront has four brand colours that apply to every cart in your store. A cart that sets its own colours in Cart settings overrides them. So: use Settings → Storefront to set a default your whole store follows, and Cart settings when one particular cart needs to look different — a dark Black Friday cart, for instance.

Still stuck on this?Send us your store domain and what you’re seeing — we’ll take a look.