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

[empiricalarby]

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

[BSS-Commerce · Accepted solution]

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:

Hope it helps @empiricalarby 

[PageFly-Oliver]

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

<style>
#MainContent .card__inner {
  border: 1px solid rgba(0,0,0, 0.05) ;
}
</style>

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly