How can I resize my images on Dawn

[amber-ilove]

I am struggling with how to resize my images on my website. I currently have dawn theme and ALL the images are cropped. I have looked at the recommend size (700x700) and that is just stretching images. Does anyone know how I can do this without stretching the images. 
https://shop.iloveboutique.com.au

[AK_Design_Dev]

Hello @amber-ilove 

Yes, You can implement the css and html in your store to resize store images if you want to your store images are properly showing You can message me.

[HasnainDEV]

Hi Amber,

I am ready to help you with resize images on Dawn themes.

[BSS-TekLabs]

- Here is the solution for you @amber-ilove 
- Please follow these steps:

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

.card .media {
    background: white !important;
}
.card__media .media img {
    object-fit: contain !important;
}

- Here is the result you will achieve:

- The above code helps you edit on the collection page. If you want to fix other areas, please let me know.

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[amber-ilove]

Hey! 

Thanks so much for your help.  I cant seem to find theme.ccs but there is theme.liquid?

Thanks