Image Colour Background + Ratio (York template)

Site URL: https://www.marmalademoon.com

Hello, 

Does anyone know how to style the portfolio index page so that the images maintain their original aspect ratio? 

I also wonder how to match the automatically generated color to that of the image background?

/Kate

https://www.marmalademoon.com

Try adding to Design > Custom CSS

.index-item-image {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    max-height: initial !important;
}

Thanks so much @tuanphan! I tested and it works well for portrait images but not so well for square ones? Have you got any suggestions for how to tweak it? 

/Kate

I just had another look and it looks like it's the third, fifth and so on - rows that still look a bit funky? 

On 7/23/2022 at 11:14 PM, marmalademoon said:

I just had another look and it looks like it's the third, fifth and so on - rows that still look a bit funky? 

On 7/23/2022 at 11:08 PM, marmalademoon said:

Thanks so much @tuanphan! I tested and it works well for portrait images but not so well for square ones? Have you got any suggestions for how to tweak it? 

/Kate

It looks fine to me. Can you describe in detail + screenshot? Thank you.

Hello again, @tuanphan! So sorry for the delay, I had a bit of trouble screenshooting. Attaching three images, and hope you understand what I mean? 

/Kate

What do you think, @tuanphan? Is there a way to adjust those odd lines?