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

[Isabelle2022]

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?

[KetanKumar]

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

[Isabelle2022]

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

[Denishamakwana]

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.

[Isabelle2022]

It did not work. What else could I try?

Thanks