Custom code can be added to your theme through its Theme files. To access these, from your Online Store, go to Themes, select Actions, and click Edit files.
For most color and style changes to the themes appearance, this can be done through the default settings, located in the themes Customiser. We can make further changes by adding to the theme files and their respective files.
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.​
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, allowing you to start again if you need to.
Within your Shopify admin, go to Online Store > Themes.
Select Capital, and click Actions > Duplicate.
Here at WeTheme, we strongly recommend following Shopify's advice and duplicating your working theme for worst-case scenarios.
To alter your theme code, use your theme's code editor:
Under Sales Channels with your Shopify admin, go to Online Store > Themes.
Select your theme.
Click Actions, and select Edit Code from the drop-down menu.
To find your theme's 'style-sheet':
Under Sales Channels with your Shopify admin, go to Online Store > Themes.
Select your theme.
Click Actions, and select Edit Code from the drop-down menu.
Scroll down the left sidebar, and select Assets.
Locate theme.scss.liquid, or if a newer more recent theme version, locate the custom.css file and insert CSS code directly here.
Here at WeTheme, unfortunately we do not have the means to view, diagnose, or address theme issues related to third-party coding customizations.
When code is altered on your theme, our support team at WeTheme unfortunately cannot view these changes.
Therefore, like all third-party theme developers, we are unable to provide coding customizations as per Shopify's official guidelines.
For further information, please see the guide below for more information: