Theme settings
Theme settings apply to your whole store. Open them from the paintbrush icon in the theme editor.
Favicon#
Favicon image is the small icon in the browser tab. Use a square image; 32 × 32 px is recommended.
Typography#
| Setting | What it does |
|---|---|
| Headings | Font for headings, the logo when you use your store name, and large wordmarks. |
| Body | Font for text, buttons and form fields. |
| Accent | Font for small labels, prices and subheadings. |
| Heading size | Scales all headings up or down. |
| Body text size | Scales body text up or down. |
| Use uppercase accent text | Shows labels and subheadings in capital letters. |
Fonts come from Shopify's font library, so they load quickly and don't need a license.
Layout#
- Page width: the maximum width of page content on large screens.
- Page margin: the space at the sides of the page. It scales down on smaller screens, so phones get a narrower margin.
- Show back to top button: a round button in the corner of long pages.
Colors#
Colors are set in color schemes. Each scheme has a background, surface (cards and form fields), text, muted text, border, button and button label color. Sections and some blocks let you choose a scheme, so you can create contrast between sections without editing colors one by one.
Keep enough contrast between text and background colors: 4.5:1 for text is the accessibility standard.
Shapes#
| Setting | What it does |
|---|---|
| Button shape | Pill, Rounded or Square. Applies to buttons, quantity selectors, option buttons and filter buttons. Color swatches stay round. |
| Image corner radius | Rounds the corners of images and cards. |
| Input style | Underline or Outline for form fields. |
| Input corner radius | Rounds the corners of outlined form fields. |
Animations#
Use animations turns hover and transition effects on or off. Animations are always off for visitors who ask their device to reduce motion.
Cart#
Cart type chooses what happens when a customer adds a product: Drawer opens the cart in a panel at the side, and Page keeps customers where they are and shows a short message with a link to the cart. See Quick add and cart.
Search#
Show search suggestions shows products, collections, pages and articles as customers type in the search window.
Currency format#
Show currency codes adds the currency code to prices, for example $10.00 USD. It's recommended when you sell in more than one currency.
Social media#
Add links to your Facebook, Instagram, TikTok, X (Twitter), Threads, YouTube, Pinterest, Snapchat, Tumblr, Vimeo and LinkedIn accounts. Icons appear in the footer when Show social media icons is on in the footer section.