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 |
| Base |
|
| Text |
#1C1B1B |
| Background |
#F8F7F5 |
| Border |
#CAC7C7 |
| Color schemes |
|
| Primary |
|
| Background |
#7F5700 |
| Text |
#FFFFFF |
| Secondary |
|
| Background |
#F8DFBB |
| Text |
#261904 |
| Tertiary |
|
| Background |
#BA1B1B |
| Text |
#FFFFFF |
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% |
Grid
| Setting |
Value |
| Horizontal space |
8px |
| Vertical space |
16px |
Product
| Setting |
Value |
| Enable quick view |
Checked |
| Product card |
|
| Text alignment |
Left |
| Image ratio |
2:3 |
| Show secondary image on hover |
Checked |
| Show labels |
Checked |
| Show color image swatch |
Checked |
| Badges |
|
| Corner radius |
0px |
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 |
