Theme Settings

Overview

You can use theme settings to make changes to your online store’s typography, colors , social media links, cart , forms , buttons , Inputs , Compare button  , Gift card page ,  and checkout settings. When you make changes to your theme settings, the changes apply to your entire online store.

Color Scheme: 

From here, you can select the colors you want to use throughout the theme. You can create multiple unique color schemes and apply them to different sections throughout your online store.

Customize your color scheme:

1. From your shopify admin, go to Online Store > Themes
2. Click Customize next to the theme that you want to customize.
3. Click the settings icon, and then click Color schemes.
4. In the Schemes section, click an existing scheme or click Add scheme to add a new color scheme.
5. Click the color swatch for the content type color that you want to change.
6. To set your color, enter a hex color code or choose the color from the color picker. To set the color to transparent, delete the hex code from the text field.
7. Click Save.

Layout:

Customize  Layout: 

1. Click the settings icon, and then click Layout.
2. By moving the range slider to choose between a page width of 1200px to 1600px. The default setting is 1410px.

General Settings:

Customize  General Settings:

1. Click the settings icon, and then click General.
2. In the Favicon image area, click Select image, and then do one of the following:
3. To use an image that you have already uploaded to your Shopify admin, click an image to select it and then click Select.
4. To use an image from your local computer, click Upload. Choose an image from your computer and click Open to start the upload. It will be automatically selected when the upload is finished. Click Select.
5. To select a free image, click free images and search for a click an image to select it.
6.  The recommended size for a Favicon is 32 x 32px.
7. Select this checkbox to show/hide the currency code. Cart and checkout prices always show currency codes. Example: $1.00 USD
8. .Select this checkbox to Enable/disable the Variant  swatches in Product card variants.
9. Click Save.

Typography:

From here, you can make font-related customization using different options.

Customize Typography: 

1. Click the settings icon, and then click Typography.
2. For each type of text, click Change to use the font picker.
3. Explore available fonts with the search fields or by clicking Load more.
4. Click the name of the font you want to use, and then click Select.
5. To change the default font size for body, use the Font size scale to select the default font size. The minimum font size is 100% and the maximum font size is 150% . Each increment of the scale increases the font size by 5%. The default setting is 100%.
6. Click Save.

Buttons:

You can adjust the borders and thickness of some interactive content types, such as drawers, buttons, variants or quantity inputs.

Customize  Buttons: 

1. From your shopify admin, go to Online Store > Themes
2. Click Customize next to the theme that you want to customize.
3. Click Theme settings > Buttons.
4. By moving the range slider to change the appearance of your button Border.
5. By moving the range slider to change the Corner radius of your button. 
6. Click Save.

Forms:

Inputs are interactive areas that require customer input, for example a quantity selector, an email signup form, or cart notes. 

Customize Forms: 

1. Click Theme settings > Inputs
2. By moving the range slider to change the appearance of your input Border.
3. By moving the range slider to change the Corner radius of your input. 
4. Click Save.

Cart:

You can change the style of the cart on your online store. When the customer’s cart is empty, you can display a featured collection on the cart drawer.

Customize  Cart:  

1. From your shopify admin, go to Online Store > Themes
2. Click Customize next to the theme that you want to customize.
3. Click Theme settings > Cart.

Compare Button:

Customize  Compare: 

1. Click Theme settings > Compare.
2. Select this checkbox to enable/disable the Products comparison.
3. Click the Color scheme.
4. In the Schemes section, click an existing scheme or click Add scheme to add a new color scheme.
5. Click the color swatch for the content type color that you want to change.
6. To set your color, enter a hex color code or choose the color from the color picker. To set the color to transparent, delete the hex code from the text field.
7. Click Save.

Social media:

Customize  Social media: 

1. Click Theme settings > Social media.
2. To add links to your social media accounts, enter the links to your accounts in the fields provided under Accounts. Enter full links, such as https://instragram.com/shopify , https://facebook.com/shopify .
3. Click Save.

Gift Card:

Customize  Gift: 

1. Click Theme settings > Gift Card.
2. Click the image selector to select the image.
3. By moving the range slider to change the width on desktop and mobile screens.
4. Click the Color scheme.
5. In the Schemes section, click an existing scheme or click Add scheme to add a new color scheme.
6. Click the color swatch for the content type color that you want to change.
7. To set your color, enter a hex color code or choose the color from the color picker. To set the color to transparent, delete the hex code from the text field.
8. Click Save.