I saw it on a shopify store. How can I do this my self so that these icons can align in left side of text instead of the top .
Topic summary
A user wants to reposition icons in a multicolumn section of their Shopify Dawn theme so they appear to the left of text instead of above it, similar to what they saw on another store.
Solution Provided:
- Another user requested the site URL for reference
- Custom CSS code was shared to add to the
base.cssfile:- Uses flexbox to align items horizontally
- Sets image wrapper width to 80px
- Adjusts text alignment and calculates width accordingly
Outcome:
The original poster confirmed the CSS code successfully resolved their issue.
Hi, you can provide url site for me, I’ll check it for you
Thank you
Sure. zainimart.com
You can add my code this at bottom file base.css
.multicolumn-card{display:flex;align-items:center;}
.multicolumn-card__image-wrapper{width:80px}
.multicolumn-card__info{width:calc(100% - 80px);text-align:left;}
it will work for you. you can see my image: https://prnt.sc/rNGP1B7B30yV
Thankyou so much. My issue is resolved with your code