Hi, I would like to adjust the image size in the “Multicolumn” section. They are currently displayed much larger. The images are 100px wide.
Can someone help me with what should I modify on liquid file?
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.
1 Like
Hii, @Cristim
Kindly share your store URL so,
I can solve your problem perfectly.
Thank You.
1 Like
Thank you!
Hii, @Cristim
I can’t see your multicolumn section.
Thank You.
1 Like
Oh, it was deactivated. Now is active.
Hii, @Cristim
Paste this code on top of the section-multicolumn.css file.
.multicolumn-card__image-wrapper--third-width {
width: 20% !important;
}
Thank You.
4 Likes
Thank you!!! 
Where exactly do we paste this code in the section-multicolumn.css file.
2 Likes
I agree, where exactly do we paste this? @Cristim. I tried a few different places, including at the top of the section-multicolumn.css file and nothing has worked so far.
1 Like
Yea i got the same problem…
Hi, Could you show me exactly where to put the code? Thank you
If you still have the same problem. You don’t need an additional coding. Go to your section-multicolumn.css file and just change the percentage in line 23 e.g. to 15% →
.multicolumn-card__image-wrapper–third-width {
width:15%;
}
Don’t forget to select in the editing mode of your theme : one-third width of the column as the image width. (See right side of the picture in the original post).
Hope this helps.
1 Like
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!