Theme settings
Colors, typography, shapes, animation, product cards, cart and search: the settings that apply to the whole store.
Open Theme settings with the paint-brush icon at the bottom left of the editor.
Colors
Celestine uses color schemes. Each scheme defines a background, text, muted text, accent, border, primary and secondary buttons, inputs and badges. Sections and blocks pick a scheme instead of individual colors, so changing a scheme updates every place that uses it.
- Keep body text dark on light backgrounds. Aim for a contrast ratio of at least 4.5:1 (the built-in schemes already meet it).
- Use one scheme for the page background (white by default) and one or two tinted schemes for highlight sections.
- The sale badge and sold-out badge colors are part of each scheme.
Typography
| Setting | What it does |
|---|---|
| Heading font / Body font | Any font from Shopify's font library. Bold and italic styles load automatically. |
| Heading size | Scales every heading in the theme up or down. |
| Heading letter case | Keep as typed or uppercase. |
| Body text size | Base size for paragraphs and UI text. |
| Button letter case | Keep as typed or uppercase. |
Layout and shape
- Page width: the maximum width of page content.
- Space between sections: the default vertical rhythm. Each section can still override its own top and bottom spacing.
- Corners: from sharp to soft, applied to images, cards, inputs and drawers.
- Button shape and Card style (flat, bordered or raised).
Animations
Animation level has three steps: Off, Subtle and Expressive. Visitors whose device asks for reduced motion always get the calm version, whatever you choose. Fade between pages adds a soft transition when navigating.
Product cards
- Image shape, text alignment and a second image on hover.
- Vendor, star rating (from product reviews) and color swatches.
- Quick add: single-variant products add in one tap; products with options open a quick-view drawer with the full variant picker.
- Sale badge: show the saving as a percentage or an amount.
- "New" badge: set how many days a product counts as new (0 turns it off).
- Custom badges: tag a product
badge:Limitedand its card shows a "Limited" badge. Change thebadge:prefix in the setting if you prefer another.
Cart
Choose what happens after adding to cart (open the drawer, show a notification, or go to the cart page), plus order notes, dynamic checkout buttons, recommendations and reward tiers. See Cart for details.
Search and currency
- Show suggestions while typing turns predictive search on or off.
- Popular searches menu: pick a menu whose links appear as suggestions before a visitor types.
- Show currency codes adds USD, EUR and so on to prices, useful when you sell in several currencies.
Social media
Add your profile links once; the footer icons and share buttons read them from here.