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 |
#38DBFF |
| Outline |
#1C1B1B |
| Header |
|
| Background |
#DD7DFF |
| Text |
#1C1B1B |
| Footer |
|
| Background |
#1C1B1B |
| Text |
#FFFFFF |
| Base |
|
| Background |
#38DBFF |
| Text |
#1C1B1B |
| Primay |
|
| Background |
#DD7DFF |
| Text |
#1C1B1B |
| Secondary |
|
| Background |
#FEC021 |
| Text |
#261904 |
| Tertiary |
|
| Background |
#FF6659 |
| Text |
#1C1B1B |
| Drawer |
|
| Background |
#38DBFF |
| Text |
#1C1B1B |
| Card |
|
| Background |
#00FF75 |
| Text |
#261904 |
| Variant block(checked) |
|
| Background |
#00FF75 |
| Text |
#1C1B1B |
| Icon |
|
| Background |
#00FF75 |
| Text |
#261904 |
| On sale |
|
| Background |
#00FF75 |
| Text |
#FFFFFF |
| Sold out |
|
| Background |
#E7E0EC |
| Text |
#49454F |
| Quickview icon |
|
| Background |
#FFFFFF |
| Text |
#1C1B1B |
| Dropdown |
|
| Background |
#FFF2D2 |
| Text |
#1C1B1B |
| Accordion |
|
| Header background |
#FFFFFF |
| Header text |
#1C1B1B |
| Body background |
#FFF2D2 |
| Body text |
#1C1B1B |
| Tabs |
|
| Active button background |
#DD7DFF |
| Active button text |
#1C1B1B |
| Body background |
#FFF2D2 |
| Body text |
#1C1B1B |
| Form |
|
| Background |
#FFFFFF |
| Text |
#1C1B1B |
| Error message |
|
| Background |
#BA1B1B |
| Text |
#FFFFFF |
Typography
| Setting |
Value |
| Body text |
|
| Font |
Prompt Medium |
| Font size scale |
100% |
| Headings |
|
| Font |
Swiss 721 Rounded Bold |
| Font size scale |
100% |
| Display text |
|
| Font |
Swiss 721 Rounded Bold |
| Font size scale |
100% |
Layout
| Setting |
Value |
| Container max width |
1280px |
| Horizontal space bettwen the sides of the page |
8px |
| Vertical space between sections |
28px |
| Grid |
|
| Horizontal space |
16px |
| Vertical space |
28px |
Outline
| Setting |
Value |
| Outline width |
4px |
| Show body outline |
Checked |
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 |
