How can I align icons on the same line in the Colors theme?

How can I align icons on the same line in the Colors theme?

Isabelle2022
Excursionist
18 0 5

Hello I'm using the Colors theme and I would like to put the free shipping icon on the same line as the other icons on the picture below. How do I do that?

 

Screen Shot 2022-06-15 at 12.54.10 PM.png

Replies 4 (4)

KetanKumar
Shopify Partner
37094 3645 12053

@Isabelle2022 

yes please try this code

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

.text-columns-with-images .row.cols.layout-4 {
    display: flex;
    flex-wrap: wrap;
}
@media (min-width: 821px) {

    .text-columns-with-images .row.cols.layout-4 .col {
    flex: 1;
}
}

.text-columns-with-images {
    max-width: 100%;
}
.text-columns-with-images .inner {
    max-width: 1024px !important;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Isabelle2022
Excursionist
18 0 5

Hello, It didn't work. Is there another code I could try?

Denishamakwana
Shopify Partner
1408 173 231

Please add below css code in bottom of assets/colors.css file

.main .layout .shopify-section .content .inner {
            max-width: 100% !important;
}
.text-columns-with-images .cols.layout-4 .col {
           width: 20%;
}
Thank you.
If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on [email protected] | Shopify Design Changes | Custom Modifications In to Shopify Theme
Isabelle2022
Excursionist
18 0 5

It did not work. What else could I try?

Thanks