We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Centering an image when using Multi column in shopify

Solved

Centering an image when using Multi column in shopify

sams11
Visitor
3 0 0

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 workunnamed (2).jpg

Accepted Solution (1)

SideNode
Shopify Partner
159 38 42

This is an accepted solution.

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

 




you can see the change .

SideNode_0-1689138798765.png

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

 

If helpful, please Like and Accept this Solution to help others
SHOPIFY APP DEVELOPMENT | BOOK FREE SHOPIFY CONSULTATION

View solution in original post

Replies 3 (3)

SideNode
Shopify Partner
159 38 42

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

If helpful, please Like and Accept this Solution to help others
SHOPIFY APP DEVELOPMENT | BOOK FREE SHOPIFY CONSULTATION
sams11
Visitor
3 0 0

Hi @SideNode,

 

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

 

 

 

SideNode
Shopify Partner
159 38 42

This is an accepted solution.

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

 




you can see the change .

SideNode_0-1689138798765.png

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

 

If helpful, please Like and Accept this Solution to help others
SHOPIFY APP DEVELOPMENT | BOOK FREE SHOPIFY CONSULTATION