Website no longer loads after adding and removing code

Technical Q&A
1

I attempted to add a shadow to the text on my websites slideshow so that it can be visible over both light and dark parts of the image. I found https://community.shopify.com/c/Shopify-Design/Adding-text-shadow-to-Narrative-Theme/td-p/432631. Just as per the first comments instructions, I added:

/ ==== custom CSS  - add text shadow to the slideshow headers ==== /

#Slideshow-slideshow .slideshow__heading, #Slideshow-slideshow .slideshow__button-label {
  text-shadow: 1px 1px 0px #e9e4e4;
}

I put this code at the bottom of the “theme.scss.liquid” file like it stated I should. Immeditely after adding and saving this, My website no longer loaded properly. I removed the line of code, yet my website was still in this broken state. My website is https://mercurymerch.com/

I am using the Modular 1.8.1 theme. I would greatly appreciate any help with fixing my website. I silly enough did not have a backup of the website nor a way to roll it back.

Thank you

3

Hey, @MercuryMerch .

Tira here to help. Thanks @kamala-dulal for chiming in.

I’m sorry to hear this happened. I checked your store through the link you provided and I can see that your storefront loaded on my end. Were you able to resolve this issue?

I also wanted to share that we do recommend that before customizing a theme, to create a duplicate of your theme. Duplicating your theme allows you to start with a fresh copy should you need to after making changes on your theme. Check out our help doc here for the steps on duplicating themes.

I appreciate you providing the details of what coding customizations took place on your theme. It also sounds like you’re using a third-party theme from our Theme Store. Any customizations made to the code for files in the Assets folder in the Code Editor, including theme.scss.liquid and theme.js files do not save previously-edited versions, so there will be no original files to roll back to previously.

If you need to revert back to your original theme’s coding but don’t have a duplicate copy, I recommend reaching out to your third-party developer for guidance. I also recommend hiring a Shopify Expert. Shopify Experts specialize in making code customizations to your theme. You can find a list of our Shopify Experts in our Experts Marketplace.

I would love to know if this helps with what you need to accomplish.