How to align image in a multi column to the middle but keep the text aligned to the left in Dawn

[julian-dadang]

At the moment the entire multi column is aligned to the left which makes the text look good but the image is too far to the side. How can I centre the image but keep the text the same?

Store: https://art-from-kabushka-ngemba.myshopify.com/collections/clothing

Password: shiayo

[oscprofessional]

@julian-dadang ,

.multicolumn-card__image-wrapper.multicolumn-card__image-wrapper--half-width.multicolumn-card-spacing {
    margin: 0 auto;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

@media screen and (min-width: 1024px){
.multicolumn-card .multicolumn-card__image-wrapper {
margin: auto;
}
}

[KetanKumar · Accepted solution]

@julian-dadang 

sorry for that issue can you try

1. Go to Online Store->Theme->Edit code
2. Asset->/section-multicolumn.css ->paste below code at the bottom of the file.

.slider-mobile-gutter .multicolumn-card-spacing {margin: 0px auto;}

[julian-dadang]

Thank you this worked great!

[KetanKumar]

@julian-dadang 

its my pleasure to help us

[SmileyinSK]

This worked perfectly! Thank you!

[KetanKumar]

@SmileyinSK its my pleasure to help us 

[infoatcodelab7]

@julian-dadang 

Please add this CSS to your css file

.multicolumn-card__image-wrapper {
    margin: 0 auto !important;
}

Thank You!