How to add a border to product image on shop page?

Technical Q&A
1

Notice the border on the product page: https://empiricalwater.com/products/empiricalwater

It’s a very thin border, and it does the job. However, notice the lack of border on the shop page: https://empiricalwater.com/pages/shop

I’d like to add the exact same border there, as appears on the product page.

How to do this? Thank you

2

Hi @empiricalarby ,

Please add this css to your css file:

.card--standard .card__inner {
  border: 1px solid rgba(0,0,0, 0.05) !important;
}

Result:

![view - 2023-11-23T102542.284.png|1908x692](upload://raEDnZHXWUYqvQDjbttiehiYSck.jpeg)

**Hope it helps @empiricalarby **

3

Hi @empiricalarby ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly