Retail hardware, software, and Shopify Point of Sale
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
Solved! Go to the solution
This is an accepted solution.
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
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;
}
Hy, i have tried this one before, doesn't work.
Hello There,
Please share your store URL and Password.
So that I will check and let you know the exact solution here.
This is an accepted solution.
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
Thank you worked 🙂
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.
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025