Hi, Could you show me exactly where to put the code? Thank you
Topic summary
A user seeks to reduce the display size of images in the Multicolumn section of the Dawn Shopify theme, which currently appear much larger than their 100px source width.
Initial Solution Provided:
- Add CSS code to
section-multicolumn.csstargeting.multicolumn-card__image-wrapper--third-widthwith a reduced width percentage (e.g., 20%) - Ensure “one-third width” is selected in the theme editor’s column settings
Ongoing Issues:
- Multiple users report difficulty locating where to paste the code or finding the specified CSS class
- One user cannot find
.multicolumn-card__image-wrapper--third-widthanywhere in Dawn’smulticolumn.liquid.cssfile - An alternative suggestion recommends modifying the existing percentage on line 23 of
section-multicolumn.cssinstead of adding new code - At least one user reports the solution didn’t work despite following instructions
Current Status: The discussion remains unresolved, with several participants still seeking clarification on implementation or reporting unsuccessful attempts. The complexity of Dawn’s CSS structure appears to be a barrier.