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)
techlyser_web
Shopify Partner
1849 345 373

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

Techlyser || 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 1261 1232

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)

techlyser_web
Shopify Partner
1849 345 373

@Davislenss 

 

give me the page URL where to remove shadow.

 

Techlyser || 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
techlyser_web
Shopify Partner
1849 345 373

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

Techlyser || 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!

techlyser_web
Shopify Partner
1849 345 373

@Davislenss 

 

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

Techlyser || 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 1261 1232

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