Change number of columns in a row for "image with text columns" Debut Theme

Solved
KosmicKult
Tourist
6 0 1

Heyya

 

Wondering if anyone could help me here: I'm using the Debut theme with the default section "image with text columns" on shopify homepage.

When I add 3 columns everything looks fine but once I add the 4th, the columns spill over to a new line. This causes the images to look too big on the screen and it's not as aesthetically pleasing since it starts to look like a 2x2 grid rather than a 4x1.

 

Is there anyway around this?

 

asdasdasd.png 

0 Likes

This is an accepted solution.

Hello @KosmicKul,

Go to Online Store->Theme->Edit code->Asset->theme.scss.liquid->paste bellow code in bottom of file

@media only screen and (min-width: 750px){
#shopify-section-feature-columns .grid__item.medium-up--one-half.text-left {
    width: 25%;
}
#shopify-section-feature-columns .grid--uniform .medium-up--one-half:nth-child(2n+1) {
    clear: right;
}
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
KosmicKult
Tourist
6 0 1

Great help! Thanks so much!!

0 Likes
Planthaya
Tourist
7 0 5

Hi I was wondering if you could help 

 

I can't seem to get image and text columns ?

I can have a large image with text next to it , but not like you have shown above 

Am i missing something simple here ?

0 Likes
Farro
Excursionist
15 0 7

If this is for your home page, and you are using debut theme it should be there

0 Likes
Fredyperalta
New Member
1 0 0

Hi, how would the code by if I want to change from the default 3 columns to 5 columns?

0 Likes