Change the Store Product Listing Page image aspect ratio inline element.style to be "contain" not "cover" - so images are displayed in their native aspect ratio

Hi,

I've looked for the answer in lots of places and not found an answer or a definite "it can't be done". So hopefully someone can help.

My client's store product listing page has the images in a fixed aspect ratio.  They are selling artworks and so they need to be displayed in their original ratio or the artists are understandably aggrieved.
There is an inline style "element.style { object-fit: 'cover';} "  which I want to change to object-fit: 'contain'

Is it possible to override the inline style for all images displayed on the Listings Page?

Thank you

Hi,

What is store page url? We can check easier

Hi,

If you could take a look that would be great.

The link is:
https://www.forgottencoastenpleinair.com/artworks

Password is: password

Thanks

Add this to Website Tools (under Not Linked) > Custom CSS

div.grid-item img {
    object-fit: contain !important;
}

Very delayed reply...  It worked. Thank you.