We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How to remove the "shadows" on Crave Theme?

Solved

How to remove the "shadows" on Crave Theme?

Davislenss
Tourist
5 0 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

 

 

 

Accepted Solutions (2)
niraj_patel
Shopify Partner
2391 516 516

This is an accepted solution.

@Davislenss 

 

Please add this code above </body> in theme.liquid.

 

layout >> theme.liquid

 

<style>

.slideshow__text-wrapper .content-container:after{

box-shadow: none!important;

}

</style>

 

after add the code look like this,

techlyser_ecom_0-1673726880201.png

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

GemPages
Shopify Partner
5625 1262 1292

This is an accepted solution.

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


2. Open your theme.liquid theme file


3. Paste the below code before </head>

 

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

 

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

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 10 (10)

niraj_patel
Shopify Partner
2391 516 516

@Davislenss 

 

give me the page URL where to remove shadow.

 

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Davislenss
Tourist
5 0 1
niraj_patel
Shopify Partner
2391 516 516

This is an accepted solution.

@Davislenss 

 

Please add this code above </body> in theme.liquid.

 

layout >> theme.liquid

 

<style>

.slideshow__text-wrapper .content-container:after{

box-shadow: none!important;

}

</style>

 

after add the code look like this,

techlyser_ecom_0-1673726880201.png

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Davislenss
Tourist
5 0 1

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!

niraj_patel
Shopify Partner
2391 516 516

@Davislenss 

 

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

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Davislenss
Tourist
5 0 1

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!

SquirrelandWren
Tourist
9 0 2

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

SquirrelandWren
Tourist
9 0 2

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.

ACSupply
Tourist
9 0 2

@SquirrelandWren this just helped me, 7 months later! Thanks so much 👍

GemPages
Shopify Partner
5625 1262 1292

This is an accepted solution.

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


2. Open your theme.liquid theme file


3. Paste the below code before </head>

 

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

 

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

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center