Centering an image when using Multi column in shopify

Technical Q&A
, ,
1

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

unnamed (2).jpg
unnamed (2).jpg1946×862 189 KB

2

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

3

Hi @SideNode ,

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

4

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.

SideNode_1-1689138919035.png
SideNode_1-1689138919035.png367×577 17.2 KB

you can see the change .

SideNode_0-1689138798765.png
SideNode_0-1689138798765.png1346×560 63.3 KB

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