How to change the layout of the "Text Columns With Images" section on Combine theme.

[dtffox]

Hi, I would like to make all the items on the same row. www.dtffox.com 
Thank you in advance!

[topnewyork]

Hi Dtffox,

Kindly share your store Password.

Thanks

[dtffox]

My apologies, I didn't know it had a password enabled. It should be turned off now. 

[topnewyork]

Hello there,

In Shopify Admin, navigate to "Edit theme code", then open the "base.css" file and add the following code at the end:

.mount-css-slider.grid--align-items-stretch {
display: grid;
grid-template-columns: repeat(8,1fr);
}

 
If I managed to help you then, don't forget to Like it and Mark it as Solution!

[niraj_patel]

Hello @dtffox 
password?

[dtffox]

My apologies, I didn't know it had a password enabled. It should be turned off now. 

[Danishshopdev · Accepted solution]

Hey @dtffox , 

Please navigate to theme customized, and click on setting and find custom code  at the end, and paste this code there, the code will work dynamically like if you add more products then it will be start from new row. without disturbing any other properties of the current theme. If my solution worked then accept it.

.grid.grid--layout.grid-4.grid-portable-3.grid-lap-2.grid-palm-1.grid--align-items-stretch {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(137px,1fr));
    grid-column-gap: 6px;
    grid-row-gap: 35px;
}

output:

code pasting place:

[dtffox]

That worked PERFECTLY...thank you!