How theme settings work
How theme settings work
Theme settings are the store-wide controls for the Meditative Folks Theme. Change them once, and they apply across your shop — fonts, colors, buttons, product cards, cart behavior, and more.
Think of theme settings as your brand’s default style guide. Individual sections can still override some of these defaults when you need a one-off look.
Screenshot needed
Theme settings panel
Show the theme editor with the Theme settings (paintbrush / gear) panel open on the left, listing groups like Colors, Typography, and Brand assets. Label the panel so merchants know it is not a single section.
Where to find theme settings
- Go to Online Store → Themes.
- Click Customize on the Meditative Folks Theme.
- In the theme editor, open Theme settings (often shown as a gear or paintbrush icon in the left sidebar).
You will see groups such as Colors, Typography, Brand assets, and Product Card.
What each group is for (brief)
| Group | What it controls |
|---|---|
| General Settings | Scroll to top |
| Scrollbar | Custom scrollbar width and colors |
| Confetti | Optional confetti on selected pages |
| Brand assets | Logo, favicon, social links, contact details |
| Typography | Fonts and text sizes for body, headings, and more |
| Buttons variants | Look of primary, secondary, outline, and ghost buttons |
| Button sizes | Padding and size scales for buttons and icon buttons |
| Accessibility | Focus outlines, reduced motion, skip link |
| Page Design | Max page width, side margins, empty-state image |
| Product Card | How products look in grids and carousels |
| Quick View | Quick view typography overrides |
| Cart Content | Empty cart, drawer behavior, cart extras |
| Swatches | Color name → swatch mapping |
| Colors | Color schemes (background, text, buttons, badges) |
| Analytics | Optional Google Analytics settings |
| Checkout integrations | Optional Fastrr checkout and Snapmint EMI widgets |
How settings connect to sections and blocks
You do not need to know how the theme is built. Here is the merchant-friendly picture:
Theme settings (global defaults)
│
├── Colors → Color schemes you pick on each section
├── Typography → Default heading and body styles
├── Buttons → Default button look and sizes
└── Brand assets → Logo / social blocks can reuse these
│
▼
Sections & blocks on each page
(can use globals, or turn on local overrides)Color schemes
- Create or edit schemes under Theme settings → Colors.
- On almost every section, choose a Color scheme setting (for example “Scheme 1”).
- That section then uses the background, text, and button colors from that scheme.
Screenshot needed
Color scheme on a section
Split image: left = Theme settings → Colors with a scheme selected; right = a section setting showing the Color scheme picker. Draw an arrow between them to show the connection.
“Use global …” checkboxes
Many sections include checkboxes like Use global heading styles or Use global button styles.
- On (checked): the section follows Theme settings (Typography / Buttons).
- Off: extra size and style controls appear so you can style only that section.
Use globals for a consistent brand. Turn them off only when one section needs to stand out (for example a sale banner).
Brand blocks
Blocks such as Brand logo, Brand social, and Brand contact details read from Theme settings → Brand assets. Update the logo or Instagram URL once in theme settings, and those blocks stay in sync.
Tips
- Change fonts and colors in Theme settings first, then fine-tune individual sections.
- After big changes, check home, product, collection, and cart pages.
- Keep a note of which color scheme each important section uses so you can restyle quickly later.
Related
- Browse all setting groups: Theme settings
- Install from zip
- Icons reference