How to remove the "shadows" on Crave Theme?

Technical Q&A

Topic summary

A user seeks to remove shadow effects appearing throughout their Shopify store using the Crave theme. The shadows appear on various elements including product images, buttons, and containers.

Initial Solutions Offered:

  • One contributor provides custom CSS code to add to theme.liquid above the </body> tag, targeting specific slideshow elements with box-shadow: none !important
  • Another suggests adding markup code before </head> in the theme.liquid file

Problem Scope Expands:
After the initial fix works for one area, the original poster clarifies they need shadows removed from all containers site-wide, including product images, buttons, and other elements across multiple pages.

No-Code Solution Discovered:
A later participant shares a simpler approach that doesn’t require coding:

  • Navigate to Theme Settings in the Crave theme
  • Locate lists for various elements (Buttons, Inputs, Product Cards, Content Containers, Media, etc.)
  • Click into each element and set Shadow Opacity to 0%

This no-code method successfully resolves the issue and helps another user 7 months later, confirming it as an effective solution for the Crave theme.

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

Hey,

Could anyone please tell me how to get rid of these “shadows”/underlines that are everywhere on the Crave theme?

Thanks!

Untitled.png
Untitled.png1888×984 282 KB

2

@Davislenss

give me the page URL where to remove shadow.

3

https://apexnutrition.shop/

4

@Davislenss

Please add this code above in theme.liquid.

layout >> theme.liquid

.slideshow__text-wrapper .content-container:after{ box-shadow: none!important; }

after add the code look like this,

techlyser_ecom_0-1673726880201.png
techlyser_ecom_0-1673726880201.png1909×924 254 KB

5

Hello @Davislenss ,

I would like to give you a recommendation to support you so kindly follow steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1673756425943.png
GemPages_0-1673756425943.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

6

Thanks! This worked, although, I want to remove these shadows from all containers (my bad, I didn’t specify).

If you go to my store www.apexnutrition.shop, you will see that I have them under every product image, some buttons, and other containers.

Is there a way to remove this shadow from everywhere?

Thanks!

7

@Davislenss

all right, please send me the all pages links where remove the shadow.

8

Thanks!

Here from the shop page: https://apexnutrition.shop/collections/supplements

And everywhere on the homepage (except where are the 4 boxes under “leading by example”): https://apexnutrition.shop/

Thanks!

9

Did you get a response to this? I’m having the same issue.

10

In case anyone else is having this same problem, I figured it out and it doesn’t require coding. If you’re using the Crave theme (and maybe others, I’m not sure), go to Theme Settings, and there is a list of various elements, such as ‘Buttons’, ‘Inputs’, ‘Product Cards’, ‘Content Containers’, ‘Media’, etc. Click into each of them and then set the Shadow Opactity to 0%. Voila, annoying shadows are gone.

1 Like
11

@SquirrelandWren this just helped me, 7 months later! Thanks so much :+1: