Centering an image when using Multi column in shopify

Hi,

I want to know how to center the image in the card when using multi column layout. I have attached a preview of it below.

I tried centering the image by using margin-left:auto and margin-right:auto but this doesn’t seem to work

Hi @sams11
Its SideNode! We will be happy to help you today.
share your frontend URL of website. where themulti column layout section is

Let me know if need further assistance
Regards,
SideNode

Hi @SideNode ,

The website is behind a passcode. Is there any way to get this to you without it being public on this thread?

Hi @sash1
Its SideNode! We will be happy to help you today.
Go to the Online Store->Theme->customize->

  1. Navigate to the “Multicolumn” section.
  2. Within the “Multicolumn” section, locate the “Image Width” option.
  3. Click on the “Image Width” option.
  4. From the available choices, select the “One-Third Width of Column” option.
  5. Additionally, make sure to use small-sized images to maintain a visually appealing layout.

you can see the change .

If I was able to assist you, please remember to give it a Like and Mark it as the Solution!

Let me know if need further assistance
Regards,
SideNode

1 Like