Change design of product cards

[Ivnvu]

Hi,

I've been struggling with designing my product cards. I'd like to achieve the look of the attached picture below (so, bigger product pictures, and alignment of the other components as in the attached picture).

Does anyone have input on where to start? I know I'm asking quite much so I don't expect a full on design solution 🙂

My storefront is (local theme): https://gryningens.myshopify.com/

Thank you so much

[Moeed]

Hey @Ivnvu 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.lazy-image.lazy-image--animation.lazyloaded img {
    object-fit: cover !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Dan-From-Ryviu · Accepted solution]

Hi @Ivnvu 

You can do that by adding this CSS code at the bottom of theme.css or theme.css.iquid file 

.lazy-image.lazy-image--animation.lazyloaded img { padding: 0px !important; }