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

Store Design
1

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?

juliandadang_0-1645757764882.png
juliandadang_0-1645757764882.png1365×421 81.6 KB

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

Password: shiayo

2 Likes
2

@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

3

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;
}
}
4

@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;}
1 Like
5

@julian-dadang

Please add this CSS to your css file

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

Thank You!

6

Thank you this worked great!

1 Like
7

@julian-dadang

its my pleasure to help us

8

This worked perfectly! Thank you!

1 Like
9

@SmileyinSK its my pleasure to help us