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 on theme.liquid

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

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