Why is my site not functional after adding code to my blog post?

Store Design

Topic summary

A store owner encountered a critical site malfunction after attempting to add custom code for blog post spacing. The error originated in the theme.scss.liquid file within the Assets folder, causing CSS validation issues that scrambled the site’s design for customers.

Key Problem:

  • Invalid CSS syntax error found in theme.scss.liquid
  • Site became non-functional after code modification
  • Support agent initially unable to resolve the issue

Resolution Approach:

  • Initial suggestion to rollback using Code Editor’s version history
  • This failed because files in the Assets folder don’t save previous versions automatically
  • Discussion moved to private messages due to complexity

Outcome:

  • Issue was successfully resolved through direct assistance
  • Store owner expressed gratitude for the help received

Important Note: Changes to files in the Assets folder (including theme.scss.liquid and theme.js) don’t retain version history, making rollbacks impossible through standard methods.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.
1

Need an expert coder . My site is not functional.

My store design is scrambled on my customers end. I tried to add code to allow spaces to be added to my blog post. now my site is not functional to customers.

Was getting support but agent could not resolve issue.

It is a theme error found. A ccs error found. Invalid CSS after “}” : expected selector or at

The error was found in the assets/theme.ssc.liquid

2

Hey @nadinemcneil ,

Could you give me the link to your store and the exact page you’re seeing the error?

3

www.nationsproducts.com

4

Hey @nadinemcneil ,

Could you paste all the contents of theme.scss.liquid here?

5

code2.png
code2.png1055×468 51.4 KB

6

is this what you asking for? Sorry not a coder at all.

7

Hey @nadinemcneil ,
Click on open code editor and then you can view the list of changes. You should be able to select an earlier version and rollback. Once you select a older version, then click “Save”

ThePrimeWeb_0-1706719578702.png
ThePrimeWeb_0-1706719578702.png561×390 24.7 KB

8

@nadinemcneil

You can try the above suggestion to rollback first, if it doesn’t work, then let’s try something else

9

Screen Shot 2024-01-31 at 10.58.41 AM.png
Screen Shot 2024-01-31 at 10.58.41 AM.png2048×886 151 KB

10

It doesn’t have any other versions to select.

11

Thanks for your help. Yes. It does not work. It says there is no other version. Could we please try something else?

12

Hi,

I made changes in the assets folder so according to this. files don’s save previous versions.

Assets folder in the Code Editor, including the theme.scss.liquid and theme.js files don’t save previously edited versions. If you’re making changes to files in the Assets folder, then you might need to contact

Is it any way to correct it? Thanks for your help.

13

Hey @nadinemcneil ,

Is it possible to chat on PM, I have sent you a message. This thread will be very lengthy if we continue here

14

Hey @nadinemcneil ,

Thanks for being patient. Good luck with the store!

1 Like
15

Wow! Thanks so much!! I appreciate your help in solving this issue. Have an awesome day!!!

Nadine