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!
Hey Community! As we jump into 2025, we want to give a big shout-out to all of you wh...
By JasonH Jan 7, 2025Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024