Change displayed size images in Multicolumn section - Down theme

Technical Q&A

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.css targeting .multicolumn-card__image-wrapper--third-width with 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-width anywhere in Dawn’s multicolumn.liquid.css file
  • An alternative suggestion recommends modifying the existing percentage on line 23 of section-multicolumn.css instead 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.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
14

Has anyone tried to do this in Dawn? The multicolumn.liquid.css is quite complicated and even after doing a copy/paste to Notepad and searching for the phrase “..multicolumn-card__image-wrapper–third-width {” I could not find it anywhere in the code.

Dawn makes these huge and impossible to control. Resizing controls just make the image chosen blurry while forcing the smaller image to occupy the same space.

Thanks in advance!