Theme settings
Theme settings apply globally, across every page of your storefront. To open them, go to Online Store > Themes > Customize on Pave, then click Theme settings at the bottom of the left sidebar.
They are the settings worth getting right first: colors, type, buttons and the product card shape it in every section at once, so setting them before you build pages saves revisiting each one.
The groups below are listed in the order the editor shows them.
- Colors: Color schemes, used by every section, and dark mode.
- Typography: The four fonts, the text scale, and each heading level’s font, size, spacing and case.
- Layout: The maximum width of page content.
- Buttons: Border, corner radius, font and case of primary and secondary buttons, and the pill radius.
- Input fields: Border thickness and corner radius of form fields.
- Popovers and drawers: Color scheme, corners, border and shadow of the cart drawer, menus and dialogs.
- Icons: The stroke weight of the theme’s icons.
- Social media: Profile URLs behind the footer and announcement bar icons.
- Logo: Logo image, desktop and mobile width, and the inverse logo.
- Favicon: Browser icon and the fallback social share image.
- Cart settings: Drawer or page, free shipping bar, suggestions, gift wrap, the discount code field and installments.
- Discount display: How sale badges are written and colored, and promotion labels.
- Badges: Badge position, font, case and corners, and badges driven by product tags.
- Product cards: Image ratio, quick add and quick view, swatches, ratings, the new badge and card style.
- Variant picker: Swatch style, controls per option, out-of-stock variants and size memory.
- Search: What the search drawer shows before a shopper types.
- Currency code: Where prices show their three-letter currency code.
- Animations: Page transitions, card hover and reveal on scroll.
Settings that belong to one section are documented under Sections; settings that belong to one template are under Templates.