Grey Border around certain products but not others? DawnTheme

Store Design
, , , , ,
1

Grey Border around certain products but not others?

www.extremekool.com

Password01

https://extremekool.com/collections/gift-cards

Not sure why this is happening but some products have a grey border around them while others don’t.

I thought this was a issue from something after I updated some code where new products had them and old ones didn’t.

Until just now where I started to make gift cards, uploaded them all in one day, same size image and going under /collections/giftcards, found out the weird bug is appearing. Giving some gift cards a border others not.

IMAGE: First gift card doesn’t have that grey border. The last two do. Not sure why?

1112Capture.PNG
1112Capture.PNG1191×385 246 KB

2

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the tag

Result:

AnneLuo_0-1735176780748.png
AnneLuo_0-1735176780748.png1268×674 377 KB

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

3

Hi @Brian-A

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
.card-wrapper .card__inner {
    box-shadow: none !important;
    background: #EFF2F1 !important;
}

Here is the result:

image_720.png
image_720.png719×334 122 KB

I hope this helps

Best,

Daisy

4

Hi @Brian-A

You can follow the instruction here:

  1. Go to Shopify > Theme > Customize

  2. Copy and paste this code on Theme settings > Custom CSS section

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

I hope it helps.

5

Thanks for the reply! Worked perfectly.