Image with text - dawn theme

[Romy_cocoterra]

Hi!

I would like to change the -image with text- section on my homepage.

The default ratio is 50/50 I think, but I would like to change this to 30%(photo)/70%(text). The section (and also the photo) is very long now because of the length of my text.

Is it possible to do this? I tried looking for it in the code, but couldn't find it..

Thanks!!

> example:

[KetanKumar]

@Romy_cocoterra 

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.

[Romy_cocoterra]

Hi @KetanKumar ,

it's https://cocoterra.nl/

thanks!!

[KetanKumar]

@Romy_cocoterra 

thanks for store url but your store is password protect

[Romy_cocoterra]

@KetanKumar , oops sorry it's: abcde

[KetanKumar]

@Romy_cocoterra 

no rush thanks for update please try this code

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

#shopify-section-template--15348385710315__1636022514427fa5df .image-with-text .grid__item {
    width: 70%;
}
#shopify-section-template--15348385710315__1636022514427fa5df .image-with-text .grid__item:first-child {
    width: 30%;
}

[Romy_cocoterra]

Thanks! it worked for the ratio of text/photo.

But the picture will be cut off now:

Would it be possible to keep the image square shape and just make it smaller?

[KetanKumar]

@Romy_cocoterra 

yes please confirm this look?

[Romy_cocoterra]

@ketankamur , Yess looks good!

[KetanKumar · Accepted solution]

@Romy_cocoterra 

thanks for confirm please try this code

.image-with-text__media img {
    object-fit: contain;
}