Gallery Grid: Simple - prevent recropping, adding white instead to confirm to grid size

Site URL: https://www.adamamin.com.au/home/cost-house-clovelly

I'm building a project page for my photography website. 

Using the grid: simple layout to show all the images, I find that it crops the images to conform to the aspect ratio.

Is there an ability to add a white background instead so that the images can keep their aspect ratio?

This is best explained in the website example below:

https://derekswalwellprints.com/collections/outdistance

Scroll to the bottom to find:

Wow this worked wonderfully! Thanks tuanphan!

Any code to add a similar stroke to the grid? To help seperate each cell the image lives in.

Thanks a million!

On 7/6/2022 at 10:44 AM, aamindosnaps said:

Wow this worked wonderfully! Thanks tuanphan!

 

Any code to add a similar stroke to the grid? To help seperate each cell the image lives in.

 

Thanks a million!

Edit Page > Add a Code Block (anywhere) > Paste this code

<style>
  figure.gallery-grid-item {
    border: 1px solid grey;
    padding: 10px;
}
</style>

Worked wonderfully! Thank you.