Adapt image height to text height in "image with text" section / Dawn theme

[marion1234]

Hello,

thanks in advance for your help

I’m using the dawn theme. Store is kopajoy.fr

On the homepage (section “notre concept”), i’m using the “image with text” section. Problem is that the image height is huge even though the image I uploaded is smaller.

I’d like the image to have the same height as the text next to it. Obvisously it’ll decrease the image width too but I’m fine with that

I have tried the below code but it doesn’t do the job as it crops the images

.image-with-text__media.image-with-text__media--adapt.media {
    padding-bottom: 0px !important;
}

Thanks a lot for your help

[oscprofessional]

@marion1234 ,

Share the store URL.

[DelightCart]

@marion1234 Can you please send me store url?

[marion1234]

www.kopajoy.fr

[oscprofessional]

@marion1234

remove this height css

[marion1234]

Thanks but it doesn’t work. Removing the height 100% crops the image.

I’d like the image to be fully displayed, just reduced to be the same height than the text.

Thanks for your help.

[oscprofessional]

@marion1234 ,

Ok, Make a new image with the proper size, so it will not need to add custom height.

[marion1234]

The image I uploaded seems to me the right size. it’s much smaller than the one I see on the shoîfy page. But I can retry to download another image. What would be the correct px size according to you ? Thanks

[oscprofessional]

@marion1234 ,

try this image

[marion1234]

Thanks. it’s slightly better but still a lot of space under the text.

[marion1234]

I imagine something like that :

[oscprofessional]

@marion1234 ,

You have to add more text in that section

or you can set the width of 70% so that area will cover but it will take more padding from the left side.

[JustInCase-de]

Hello,

I am currently having the same issue and want to find out how you solved the problem ?

I am also using the Dawn theme.

Kind regards