Display 4 Text columns with images in one row adapted to screen width [Broadcast Theme]

[Eduardo_DT]

Hello,

I want to adjust the size of the text columns with images on my home page and fit them on the width of the page. 

I need all 4 columns to appear within the screen.

Could you please advise?

Thanks in advance, 

[AvadaCommerce]

Hi @Eduardo_DT ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

[Eduardo_DT]

Hi,

URL: https://wearesoluto.com/ 

Password: aahmen 

Thanks

[KetanKumar]

@Eduardo_DT 

yes, please check your theme setting also add this code 

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

.column__image {
    padding-top: 100% !important;
}

[Eduardo_DT]

Hello,

Thanks for your answer.

I have added the code. It has now fit the width of the page, but the four images/columns still do not appear within the screen.

I need all 4 columns/images to appear within the screen.

Thanks in advance,

[KetanKumar · Accepted solution]

@Eduardo_DT 

yes, please try this code

@media only screen and (min-width: 990px) {
#shopify-section-template--15715202236670__164554396534b57461 .large-up--three-tenths {
    width: 25%;
}
}

[Eduardo_DT]

Thank you!

[KetanKumar]

@Eduardo_DT 

its my pleasure to help us 

[Alikhawaja]

Hi, 
I have the same problem, where do I add this code? Thank you for your help

[KetanKumar]

@Eduardo_DT 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.