Gallery grid equal height issue

Site URL: https://kale-calliope-hend.squarespace.com/

Hello, is there a way to have all rows the same height (first screenshot)? Currently, rows 2 & 4 is too tall. It works fine on mobile (second screenshot) but not on desktop. 

Here's how I did my rows:

• Row 1: Grid-simple, 2 column, 16x9 aspect  ratio.
• Row 2: Grid-simple, 1 column, 16x9 aspect  ratio.
• Row 3: Grid-simple, 2 column, 16x9 aspect  ratio.
• Row 4: Grid-simple, 1 column, 16x9 aspect  ratio.

What would be the best solution? Do I need to add custom CSS?

Looking forward to any reply. Much appreciated. Thank you.

PS:sskazhar

Add to Design > Custom CSS > Then save & reload the site

@media screen and (min-width:992px) {
body.homepage section:nth-child(2n) .gallery-grid-item-wrapper {
    padding-bottom: 28.125% !important;
}
}

Hi @Caroline_Smith I was wondering if you'd be able to help us with a similar issue as described above. We have a client that has their portfolio in two places on their site. One on the gallery page and one on the home page. The home page is currently 2 columns which we like but we also want to have the padding be same on all sides. Is there anyway you could also us with this?

Secondly if you click on the gallery page, the grid is currently 4 column. I've tried to make this 2 column with the project title underneath the thumbnail and to have a hover effect where the image gets dinner when someone's cursor hovers over it, but without success. Is there anyway you could help us with this as well? 

We appreciate your advice. 

Below is the link to the site as well as the password to view it.

URL: https://spinach-circle-hb9w.squarespace.com/ 
PASSWORD: DoveLove2022!

15 hours ago, MinerMan2022 said:

Hi @Caroline_Smith I was wondering if you'd be able to help us with a similar issue as described above. We have a client that has their portfolio in two places on their site. One on the gallery page and one on the home page. The home page is currently 2 columns which we like but we also want to have the padding be same on all sides. Is there anyway you could also us with this?

Secondly if you click on the gallery page, the grid is currently 4 column. I've tried to make this 2 column with the project title underneath the thumbnail and to have a hover effect where the image gets dinner when someone's cursor hovers over it, but without success. Is there anyway you could help us with this as well? 

We appreciate your advice. 

Below is the link to the site as well as the password to view it.

URL: https://spinach-circle-hb9w.squarespace.com/ 
PASSWORD: DoveLove2022!

#1. Padding between columns or padding between left of screen - 2 columns, right of screen - 2 columns?

#2. Initial: Image, text under image

Hover: Image, text under image, overlay over image.

is this right?

12 hours ago, tuanphan said:

#1. Padding between columns or padding between left of screen - 2 columns, right of screen - 2 columns?

#2. Initial: Image, text under image

Hover: Image, text under image, overlay over image.

is this right?

Hi @tuanphan below are my answers to your questions. Let me know if I can help answer anything else.

#1. If possible we would like the padding to be the same all sides of the 2 column gallery.
Does that make sense? Between the columns and the left/right of the screen as well. 

#2. Yes - image, text under image

Hover: Image just gets dimmer with a light overlay. 

Thank you for your help!

On 3/24/2022 at 10:50 PM, MinerMan2022 said:

Hi @tuanphan below are my answers to your questions. Let me know if I can help answer anything else.

#1. If possible we would like the padding to be the same all sides of the 2 column gallery.
Does that make sense? Between the columns and the left/right of the screen as well. 

#2. Yes - image, text under image

Hover: Image just gets dimmer with a light overlay. 

Thank you for your help!

#1. Try adding to Design > Custom CSS

.gallery-grid.gallery-grid--layout-grid {
    padding-left: 1vw;
    padding-right: 1vw;
}

#2. Can you add some title? I don't see title now..or I checked wrong page

https://spinach-circle-hb9w.squarespace.com/gallery/mockingbird-lane