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