Overview
You can use theme settings to customize the colors and typography on your online store. You can also set up links to your social media accounts, edit your cart settings, and add a favicon.
Guidelines
Customize theme settings
Steps:
- From your Shopify admin, go to Online Store > Themes.
- Find chord theme that you want to edit, and then click Customize.
- In the Left-hand side of your screen, click the Theme settings.
Theme settings
Color
| Setting |
Value |
| Accent |
#93ae34 |
| Text |
#1c1b1b |
| Background |
#f7f8f4 |
| Border |
#cac7c7 |
Typography
| Setting |
Value |
| Body text |
|
| Font |
Roboto - Regular |
| Font size scale |
100% |
| Headings |
|
| Font |
Roboto Medium - Medium |
| Font size scale |
100% |
| Display text |
|
| Font |
Roboto - Regular |
| Font size scale |
100% |
Layout
| Setting |
Value |
| Horizontal space bettwen the sides of the page |
16px |
| Vertical space between sections |
28px |
| Grid |
|
| Horizontal space |
16px |
| Vertical space |
28px |
Product
| Setting |
Value |
| Enable quick view |
Checked |
| Product card |
|
| Text alignment |
Left |
| Image ratio |
Adapt to image |
| Image fit container |
Checked |
| Show secondary image on hover |
Checked |
| Show labels |
Checked |
| Badges |
|
| Corner radius |
0px |
| Padding |
|
| Image padding on desktop |
16px |
| Image padding on mobile |
8px |
| Image background color |
#f0f2e9 |
Cart
| Setting |
Value |
| Cart type |
Drawer |
Search
| Setting |
Value |
| Search only... |
Products, articles and pages |
Social media
| Setting |
Value |
| Social accounts |
|
| Twitter |
|
| ... |
... |
Favicon
| Setting |
Value |
| Favicon |
Choose a image |
