Scale down image to fit container for image with text on Dawn theme

[Dazhal]

For Dawn Theme, image with text.

Currently my image will not fit. I don't want the image and text section to over lap or the image to be cropped or distorted. I want the image to use the object-fit scale down or contain.

The below logo contains the word "Lossnay" and the y on the end is being cropped. 

https://dd42f1-55.myshopify.com/pages/heat-recovery-ventilation

Password: staetu

Thank you

[BSSCommerce-B2B]

@Dazhal 

Step 1: Go to Admin -> Online store -> Theme > Edit code

Step 2:   Find the file theme.liquid 

Step 3: Paste the below code before </body> on theme.liquid

<style>
.section-template--15660508512319__image_with_text_nDeGkb-padding img {
   object-fit: contain!important;
}
</style>

Result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Dan-From-Ryviu]

Hi @Dazhal 

Please add this code to Custom CSS of that section

img { object-fit: contain !important; }

[topnewyork]

Hi @Dazhal ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
.section-template--15660508512319__image_with_text_nDeGkb-padding img {
   object-fit: contain !important;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!