hey @HELLO2997 plz share your website URL so i can help you
Topic summary
A Shopify store owner using the Dawn theme is struggling to properly resize product images on their collection page and align the accompanying text. After initially adding CSS to reduce image size (width: 60%), the text became misaligned with the images.
The user needs:
- Product images scaled down with more breathing space
- Text left-aligned (not centered) and properly positioned with the resized images
Troubleshooting attempts:
Multiple developers (rajweb, Mustafa_Ali, B2Bridge) offered CSS solutions targeting .product-card-wrapper, .card__inner, .card__information, and related classes. Solutions included using max-width, flexbox properties, and !important declarations.
Current status:
Despite several code iterations, the alignment issue persists. The user shared screenshots and their store URL (afterstudio.in/collections/all) showing the problem. The most recent responses include:
- rajweb providing updated CSS with flexbox alignment
- Mustafa_Ali suggesting code placement in theme.liquid under
<style>tags - rajweb sharing a screenshot of a potential solution
The discussion remains ongoing as the user awaits confirmation that the latest suggestions resolve both the image sizing and text alignment issues.