How to fix a crashed collections page after code change?

I WAS ATTEMPTING TO CHANGE THE LOOK OF MY COLLECTIONS PAGE AND ENTERED THIS CODE AT THE BOTTOM OF THE THEME.SCSS.LIQUID. NOW THE WHOLE DESIGN HAS CRASHED AND I AM GETTING THIS ERROR. I NEED THE SITE UP ASAP.

.collection-grid-item__title {

margin-top: 20px;

top: 112% !important;

color: #000000 !important;

}

.collection-grid-item {

margin-bottom: 100px !important;

}

Is there any way you can just delete that code then save? Should go back to normal.

Hello, @socali1984 .

Can you tell me the name of the theme you are using here please? You can roll back .liquid files individually to a time and date before you made the changes. The steps are:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme you want to edit, and then click Actions > Edit code.

  3. 3.Under the Templates header, click into one of the .liquid files you have edited recently

  4. Click Older versions next to the .liquid file name.

  5. Click the drop-down menu to select an older version. Clicking a datestamp will roll the code back to that saved version.

  6. click Preview and see if the error was fixed.

You can find more detailed instructions on our help doc here if you wish. A good idea going forward would be to Duplicate your theme to create a backup copy. This makes it easy to discard your changes and start again if you need to. I hope this helps!