Solved

Text columns with images align 5 columns in 1 row

DarmorGamz
Excursionist
23 0 5

Hi, Im using the context theme and I cant figure out how to align 5 columns in a single row using html.

Website url: NinjaToolSupply.com

Password: password

DarmorGamz_1-1618227239310.png

Id like to have these 5 images all in 1 row and ideally the same width apart.

 

Thank you in advance.

 

Accepted Solutions (2)

24by7themes
Shopify Partner
400 61 79

This is an accepted solution.

Please below line of css in your index.css file

.text-columns__content {
    display: flex;
    align-items: center;
}
.text-columns__content .mb3 {
max-width: 100% !important;
}
Shopify Plus Expert, Quality Service Provider, CONTACT ME for any kind of solutions.
Please like and accept solution. SKYPE -> live:gp21111990

View solution in original post

ChoosiZon
Shopify Partner
416 66 111

This is an accepted solution.

you can at bottom of index.css put :

.text-columns__feature {
width:20%;
}

 

as for why the images not align is because they are not same aspect-ratio,and not big enough.


 

Donate
For faster response with a fee pls email to : choositech@outlook.com

View solution in original post

Replies 10 (10)