Make multi row picture independent from the text

[RasmusUG]

Hello,

Is there a code for making the multi row independent from the text, as u can see on this photo it is zooming in on the picture.

Code for my site: ponyplay

I want it to be like this site: https://vsai.store/pages/v03-52-hertz-whale

My site: https://vsai.store/pages/v01-yellowstone

Dear regards,

Rasmus

[Darshanp712]

Hello @RasmusUG , Please add the code below to your base.css file, or can add it to your section file css.

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

See the output below.

Feel free to reach out if you have any questions or need assistance.

Best Regards,

Darshan.

[INA_MSWEB]

Hello,

I am San from MS Web Designer.

Please find the solution:

Go to Themes > Edit code > Theme.liquid > at the bottom place this code before

Do let me know in case of any concerns.

Regards,

San

[RasmusUG]

Do u have a code for deleting the spacing between this In mobil view?

[Darshanp712]

@RasmusUG , Add the CSS below.

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

If I managed to help you then, don’t forget to Like it and Mark it as a Solution!
Feel free to reach out if you have any questions or need assistance.

Thanks.

[RasmusUG]

TY!! Working!

Have a good day!