Sorry, I don’t have a URL as it isn’t a live store yet.
Topic summary
A user seeks to customize the product image border in Shopify’s Dawn theme. While the theme includes a ‘Show image border’ option under Featured Collection settings, the default border is too subtle.
Solution Provided:
A community member shares CSS code to customize border color and weight:
- Add code to
component-card.css(Online Store → Theme → Edit Code → Assets) - First code snippet targets product grid borders on homepage
- Second code snippet (
product__media-list .product__modal-opener) addresses individual product page borders
Current Issue:
The CSS modifications work on desktop view but fail to display on mobile devices. The original poster lacks a live store URL for further troubleshooting since they’re testing the theme.
Additional Question:
Another user asks about code placement within the component-card.css file, having tried both beginning and end positions without success in seeing borders.
The discussion remains open with unresolved mobile responsiveness and implementation questions.