How to adjust margin of text in multicolumn

Store Design
,

Topic summary

A user needed help adjusting the spacing of text within multicolumn sections on their Shopify store page. They wanted to remove margins so column text would align with column headings, matching the appearance of one specific column.

The Issue:

  • Multiple multicolumn sections displayed inconsistent text margins
  • Duplicating a multicolumn with desired spacing automatically added unwanted margins back
  • The user shared their store URL (lovemero.jp/pages/stockists) and included a screenshot showing the alignment problem

The Solution:
Another user provided CSS code to remove padding from multicolumn cards:

.multicolumn-list__item .multicolumn-card .multicolumn-card__info {
    padding: 0;
}

This code should be added to Theme settings > Custom CSS section in Shopify’s theme customizer.

Resolution:
The solution successfully resolved the issue. The original poster noted they had confused “margin” with “padding” in their initial description.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
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

1 Like
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;
}
2 Likes
7

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

1 Like