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

Store Design
1

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
Screen Shot 2022-06-15 at 12.54.10 PM.png2410×1820 322 KB

2

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

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.

4

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

5

It did not work. What else could I try?

Thanks