Border a round collection image Prestige Theme

Retail & Point of Sale
1

Looking for a solution on how to add small border a round collection list each image a small border.

Only in home page - theme Prestige

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
.template-collection .ProductItem__ImageWrapper{
border: 2px solid #000;
}
1 Like
3

Hy, i have tried this one before, doesn’t work.

1 Like
4

Hello There,

Please share your store URL and Password.
So that I will check and let you know the exact solution here.

1 Like
5

www.artepastry.com i made it live so no password.

1 Like
6

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
.CollectionItem__Image.Image--zoomOut.hide-no-js.Image--lazyLoaded {
border: 1px solid #000;
}

Screenshot :- https://prnt.sc/04N4YVJx8c3h

7

Thank you worked :slightly_smiling_face:

1 Like
8

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.

1 Like