How to adjust margin of text in multicolumn

Solved

How to adjust margin of text in multicolumn

SIM_Design
Tourist
4 0 2

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!

 

Screen Shot 2024-12-26 at 12.01.40.png

Accepted Solution (1)

HHenry
Shopify Partner
33 5 7

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;
}

 

 

If this is helpful, please Like and Accept the solution.

View solution in original post

Replies 6 (6)

DaisyVo
Shopify Partner
2834 339 394

Hi @SIM_Design 

 

Please share your store URL

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
SIM_Design
Tourist
4 0 2

Hi there, the URL is https://lovemero.jp/pages/stockists

websensepro
Shopify Partner
1852 215 260

Hi @SIM_Design , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

SIM_Design
Tourist
4 0 2

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.

HHenry
Shopify Partner
33 5 7

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;
}

 

 

If this is helpful, please Like and Accept the solution.
SIM_Design
Tourist
4 0 2

That did the trick! Thanks a bunch. I guess I confused margin with padding in my description!