Customizing your theme - Introduction
There are two main ways to customize your theme:
- You can use your Theme Settings to change your storefront's colors, typography, and other stylistic features.
- If you wish to make changes to your storefront that are not options within your Theme Editor, you can do so by changing your theme's code. Some of these changes may include:
- Custom changes made by you, the merchant (such as by following tutorials to amend the theme).
- Custom changes made by a developer.
- Installing and uninstalling apps.
Step 1: Duplicate your theme (recommended)
Due to the far-reaching and potentially compromising nature of altering theme code files, Shopify recommends duplicating your theme to create a backup copy before adding custom code. This allows you to start again if you need to.
To duplicate your theme:
Step 1: Within your Shopify admin, go to Online Store and continue to Themes.
Step 2: Locate your theme and click the button containing three small dots.
Step 3: Select Duplicate.
Here at Eight, we strongly recommend following Shopify's advice and duplicating your working theme for worst-case scenarios.
Step 2: Access your theme's code editor
To alter your theme code, access your theme's code editor:
Step 1: Staying in Themes within your Shopify admin, click the button containing three small dots.
Step 2: Click Edit code in the drop-down menu.
Step 3: Edit your theme's style sheet
To find your theme's style sheet:
Step 1: Scroll down the left sidebar, and select Assets.
Step 2: Locate the custom.css file and insert CSS code directly here.
HeyCarson and StoreTasker are recommended partners of Eight Themes - both specializing in website development and offering free quotes for their services.