Getting rid of shadow on "continue shopping" button

Store Design
, ,
1

I have gotten the grey shadow off most my buttons but can not find where to get it off the “continue shopping” button. Can anyone advise where to find that and how to fix?

Tailor Theme

Screen Shot 2024-12-12 at 11.19.12 AM.png
Screen Shot 2024-12-12 at 11.19.12 AM.png674×404 12.7 KB

2

Hi @Kari_M

Please, share your store URL. Thanks!

3

Hey there! Removing the shadow from the “Continue Shopping” button in the Tailor theme can be done with a bit of CSS targeting. Here’s how:

Steps to Remove the Shadow1. Log in to Shopify Admin:

  • Go to Online Store > Themes.
  • Click Edit Code on your active theme.

  1. Find the CSS File:

    • Open theme.css or style.css in the Assets folder.

  2. Add the Custom CSS: Add this snippet at the bottom of the file:

.continue-shopping-button-class {
    box-shadow: none !important; /* Removes the shadow */
}

  • Replace .continue-shopping-button-class with the actual class name of the “Continue Shopping” button.

  • Identify the Correct Class (If Necessary):

    • If you’re unsure of the class, open your store, right-click the “Continue Shopping” button, and select Inspect.
    • Look for a class attribute on the button (e.g., class=“continue-shopping-btn”).
    • Use that class in the CSS above.

  • Save and Test:

    • Save the changes and refresh your store to ensure the shadow is gone.

Easier Option with EasyEdits

If you want a no-code option, EasyEdits allows you to visually style elements like buttons without needing to hunt through the CSS. Plus, you can make edits during the free trial and keep them forever, even if you don’t continue with the app.

Let me know if you need help identifying the class or testing the changes! (P.S. I’m the developer of EasyEdits, so feel free to ask if you’re curious :blush: ).

4

It worked, thank you!

5

Awesome!