Theme customizer not loading correct CSS file

Store Design
1

Hey there, I am developing a site for a client and the Customize/Editor section seems to not be loading the correct CSS. The problem seems to only be with the Customize/Editor in the admin area for this specific theme. The front end is working fine.

Steps I’ve tried to fix it:

  1. Tried different themes Customize/editor - Different themes are working fine.

  2. Duplicated working theme to see if the issue is related to working theme…Same problem exists with duplicated working theme.

  3. Used Google Chrome Inspector tools to try to debug. Seems like all the themes .css files are loading in, however it looks like the incorrect version of the theme.css file is being loaded.

Any help with this would be very much appreciated!

2

Hi @StudioFaculty

Most probably it looks like a cache issue. Can you try in a private/incognito window if issue still occurring there?

3

Hey @Sheesh_b

Thanks for the suggestion. I just tried this but unfortunately, it didn’t help.

4

Hi @StudioFaculty

Can you tell us which theme are you using on your store?

5

Hey @Sheesh_b

I am using Atlantic by Pixel Union.

Turns out there was an error in the theme.css.liquid file. I have fixed it now.

I don’t quite understand how the error only appeared in the Customize/Editor area in the Shopify admin area and not the actual front end.

Thanks for trying to help.

6

Hi @StudioFaculty

Glad that you found the solution.

The reason to ask theme name is to check if there are issue in theme.css or not.

Also, it’s best if you can share your before-after code so that if anyone met with the same issue can resolve the issue.

7

The issue was with the theme.css.liquid file but my code editor (VS code) wasn’t picking up the error. Most likely there was a rogue character or missing bracket but the file was 13k lines of code and I didn’t really want to sift through that much code haha. I ended up copying the same theme.css.liquid file from a backup version of the theme and applying it to the theme I am working on.

8

I know this thread is a little old but I want to follow up with another solution. This just happened to me and here is how I fixed it.

I changed this:

To this:

After doing that, I got my styles working in the customizer.

9

Both code snippets appear empty for me :sweat_smile::slightly_smiling_face:
Could you refresh those?