Shadows under product cards and product images in Sense theme

[proudhooman]

Hi there,

I am having trouble getting rid of the shadows behind the product cards and also the product cards. These were the solutions I tried already:

SOLUTION 1:

Please add this css in your bottom of the base.css file:

.global-media-settings:after {box-shadow: none !important;}

SOLUTION 2:

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

.rte img {box-shadow: none !important;}

SOLUTION 3:

Themes => edit code => asset => base.css

and add this code to bottom of the file base.css

.product-media-container:after {
    display: none!important;
}

SOLUTION 4:

To add, you can go to the Theme editor and find the "Custom CSS" section where you can paste this code. 

.image-with-text__media.image-with-text__media--adapt.gradient.color-scheme-7e825b4f-4b82-48de-b107-f28acefbabff {
    box-shadow: none;
}

Here is the photo of the shadows for reference:

Thanks for your help!

[Tech_Coding]

Hello @proudhooman 

would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

[Vinsinfo]

@proudhooman Please follow below steps to remove shadows around product cards. Let me know whether it is helpful for you.

1. From admin go to "Online Store" -> "Themes".

2. Click "Edit code" button from the current theme.

3. Go to "component-card.css" file.

4. Then paste the below code at the bottom of the file and save changes.

.card--card:after {
  box-shadow: none !important;
}

Result will be like,

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.

[Tech_Coding]

Hello @proudhooman 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .card.card--card.card--media::after, .global-media-settings:afte {
      box-shadow: none !important;
   }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.