How to Find and Edit the theme.scss File in BigCommerce Themes (Step-by-Step Guide)

To edit the BigCommerce Stencil theme.scss file and add new CSS, follow these steps:

1. Access Theme Files – Go to Storefront > My Themes, click Customize, then select Edit Theme Files.
2. Locate theme.scss – In the file editor, navigate to assets/scss/theme.scss.
3. Add Your CSS – Scroll to the bottom of the file and insert your custom CSS code.
4. Save & Apply – Click Save File, then refresh your store to see the changes.

Follow our video guide for step-by-step instructions.

Root theme.scss

Fortune theme.scss