Knowledge Base

Knowledge base

Explore How-To's and learn best practices from our knowledge base.

Finding your theme's CSS liquid file

Modified on: Thu, 30 May, 2019 at 11:37 PM

Finding your theme's CSS liquid file

Typically your CSS liquid file is named theme.scss.liquid and found in the assets folder.

Important: Only change the CSS liquid file but don't change the actual CSS file (filename doesn't contain "liquid")

Common file names are:

assets/theme.scss.liquid assets/everything.scss.liquid

Understanding from which CSS file an element inherits its styling

In some cases, a non-standard naming convention is used and you cannot find the CSS liquid file easily. In this case, use the Google Chrome developer mode and do the following steps:

  1. Click the element you want to investigate using the 'inspect' tool
  2. Hover over the CSS link to see the complete filename

Did you find it helpful? Yes No Still have questions? Talk to us here

Can you please tell us how we can improve this article?

More articles in Customization