Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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.
Solved! Go to the solution
This is an accepted solution.
Hii, @Cristim
Paste this code on top of the section-multicolumn.css file.
.multicolumn-card__image-wrapper--third-width {
width: 20% !important;
}
Thank You.
Hii, @Cristim
Kindly share your store URL so,
I can solve your problem perfectly.
Thank You.
Oh, it was deactivated. Now is active.
This is an accepted solution.
Hii, @Cristim
Paste this code on top of the section-multicolumn.css file.
.multicolumn-card__image-wrapper--third-width {
width: 20% !important;
}
Thank You.
Thank you!!! ❤️
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.
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.
No luck
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!
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025