Shopify themes, liquid, logos, and UX
Hello all,
Does anyone know how to change the margins of just the columns within a multicolumn?
I'm trying to add multiple multicolumns to a page, but when I end up with columns that have different text margins. I would like to have them all without margins like the column in blue to match the heading margin.
This happens even when I duplicate the multicolumn with the desired column text margin; it automatically adds a margin in the duplicate.
Thanks in advance!
Solved! Go to the solution
This is an accepted solution.
You can follow the instruction below:
1. Go to Shopify > Theme > Customize
2. Copy and paste this code on Theme settings > Custom CSS section
.multicolumn-list__item .multicolumn-card .multicolumn-card__info {
padding: 0;
}
Hi @SIM_Design
Please share your store URL
Best,
Daisy
Hi @SIM_Design , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks
Hi all, the shop url is https://lovemero.jp/pages/stockists
Currently, the margin of each column is following the default setting.
However as I mentioned I would like to justify the column text to the header of each multicolumn.
This is an accepted solution.
You can follow the instruction below:
1. Go to Shopify > Theme > Customize
2. Copy and paste this code on Theme settings > Custom CSS section
.multicolumn-list__item .multicolumn-card .multicolumn-card__info {
padding: 0;
}
That did the trick! Thanks a bunch. I guess I confused margin with padding in my description!
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025