RESOLVED: Broken theme.scss.liquid (Debut theme)

***UPDATE: I resolved this by finding and downloading the original code online and pasting in the section I had edited :slight_smile:

Hi, I made some small edits to theme.scss.liquid on debut and now the site is not rendering - I seem to have broken it and don’t have backup. I looked up the original section of code I was editing from a different install and replaced it but it hasn’t resolved the issue.

Any ideas? I would really appreciate help with this. (and realise I am an idiot for not making backup! :slight_smile: )

1 Like

What version number is the Debut theme you are working on? Thinking if it’s pretty new you might get away with replacing entire file from latest version or that different install you mentioned (if it’s close version wise)

Goes without saying it’s probably just a minor typo, so double check code for errors it’s usually something daft like a missing ; or }

2 Likes

See you’ve sorted it, good stuff.

Top tip for the future (apart from backup & test it on the duplicate 1st :slight_smile: ), never edit the existing CSS/SASS, always add your new CSS to the bottom of the file with comments. That way if you mess it up you can just delete your addition and have another go.

1 Like

Hey do you mind referring me to the original theme.scss.liquid code? I accidentally deleted the ENTIRE file when I tried to edit my background so I have to create a duplicate file and add the code myself. Please hep :frowning:

@Sydnimicah download a new version of the theme and then copy the file contents from that.

@JonWright thank you! My issue is l don’t even know how to do that. Would you be able to walk me through that process? I’d really appreciate it.

Go as per screenshot and select ā€˜Explore free themes’ and then download Debut.

Then from same screen in Admin, for the theme you have just download (which will be in Theme library area), select Actions>Edit code,

In there under Assets folder is where you’ll find the ā€˜theme.scss.liquid’ that you need. Copy the contents of it.

Then come out of that theme and go to your live theme, select Actions>Edit code again. And then recreate your theme.scss.liquid under Assets.

Hope that makes sense.

3 Likes

I have made the same boo boo. I accidently updated the live edition of the scss.liquid.theme in an attempt to remove the grey filter on the collection photos but now its broken. I’ve tried to copy and paste an untampered version of this page but that hasn’t fixed it either. There isn’t an option to Roll Back to an older version like there is on other pages.

Please help!

@Hazeldee What’s your store URL?

1 Like

Hi,

@JonWright its https://hazeldee.com/

If you can help, I’ll be soooooooo happy!

@JonWright I get this error Invalid CSS after ā€œ}ā€: expected ā€œ}ā€, was ā€œā€ at 8728 if that helps…

OK yep that is a bit goosed :). I’ll need access to your SCSS file to fix so I have sent you a collaborator access request (which will come from Shopify) so that I can get to your theme code.

1 Like

Yes, it is… I only attempted to change 1 line! Thank you for your help, I really appreciate it.

Not goosed now :slightly_smiling_face:

Your error was between lines 3787 & 3790, you had an open { where you should have had a closed }.

When you are making CSS changes, best advice is not to edit what is there but to add your new CSS to the very bottom of that file. That way if something goes wrong you can easily delete your change and everything will go back to normal. And obvs make a duplicate before you start and test your change in the duplicate first.

2 Likes

@JonWright Thank you so much! Yes, I will definitely add to the bottom going forward (if I dare to make any amendments myself again!) phew, I’ve been trying to fix this for ages!

@Hazeldee no problem.


think i have the same problem but with my layout. This is what it looks like

Hi

I made the same mistake, tried changing the live theme.scss.liquid code and messed it up. I’ve been trying to solve it for hours.

Please help, the website is https://thepeculiaritemstore.com/

Thanks!

I haveI can’t find the file theme.scss.liquid in assets, I only have the .css file.
How do you do it?

i have the same issue and am not able to fix it even when I copy paste the new correct code. Please help!