oh sorry for that issue can you please send store url
Topic summary
Main issue: In Dawn theme, the main product image appears larger and blurry compared to Debut, with requests to reduce size and keep clarity.
Proposed fix: Edit section-main-product.css and adjust .product:not(.product—no-media) .product__media-wrapper max-width and width percentages to shrink images. Several users report success, but it affects all product images, not just the first.
Open questions and limitations:
- How to resize only the primary image while keeping secondary images smaller.
- Image source limits (e.g., 1000x1000 from Printful) may cause blurriness.
- Collection pages: products look doubled in size when fewer than 4 per row; guidance to change numbers exists but the exact CSS targets are unclear.
- Re-centering the product area after resizing.
- Desktop shows all product images stacked; mobile has a slider. Requests to limit images on desktop remain unresolved.
Alternative approach: A free code package to make Dawn’s product page behave like Debut (slider, zoom, variant-to-image linking, thumbnail sizing). Author notes it’s hard to remove the slider and that clarity depends on image sizes; suggests adjusting Dawn’s image src-set, but no explicit code snippet was provided in-thread.
Media and assets central to the thread: a YouTube tutorial, screenshots illustrating the CSS change, and pasted CSS for collection lists.
Status: Mixed results, some success confirmations. Several issues require theme-specific edits; multiple requests for store URLs. Discussion remains ongoing.