How to adjust margin of text in multicolumn

Store Design
,
1

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
Screen Shot 2024-12-26 at 12.01.40.png456×1012 39.6 KB

2

Hi @SIM_Design

Please share your store URL

Best,

Daisy

3

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

4

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

5

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.

6

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

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