Custom Portfolio Grid

Site URL: https://seanhdesigns.squarespace.com/

I'm looking to create a custom portfolio grid with hover overlay. 

I would like to have a single full bleed thumbnail with 2 underneath repeating, like on this website. www.wilsuncheung.com

I can't for the life of me figure out how to do it and I think I need to use custom CSS but I'm not sure what to put in. 

The password for my site is: Tourburner1

Thanks for all the help!

1 hour ago, lordbladdemere said:

Site URL: https://seanhdesigns.squarespace.com/

I'm looking to create a custom portfolio grid with hover overlay. 

I would like to have a single full bleed thumbnail with 2 underneath repeating, like on this website. www.wilsuncheung.com

I can't for the life of me figure out how to do it and I think I need to use custom CSS but I'm not sure what to put in. 

The password for my site is: Tourburner1

Thanks for all the help!

You can use this snippet in Design->Custom CSS
 

section[data-section-id="5ff83756253dc14f1abc44c2"] .grid-item:nth-child(3n) {
    grid-column: 1 / 3;
    padding-bottom: 37.5% !important;
}

Note that the image ratio is now longer than the old ones, you may need to change the background image to crop it properly

14 hours ago, bangank36 said:

section[data-section-id="5ff83756253dc14f1abc44c2"] .grid-item:nth-child(3n) { grid-column: 1 / 3; padding-bottom: 37.5% !important; }

Hey @Bangank36

Thanks so much for the help mate! I'm not sure If I correctly put in the code snippet as I didn't see any updates happen once I had in it. 

Can you please help me if you have time. 

Thank you!

10 hours ago, lordbladdemere said:

Hey @Bangank36

Thanks so much for the help mate! I'm not sure If I correctly put in the code snippet as I didn't see any updates happen once I had in it. 

Can you please help me if you have time. 

Thank you!

Have you put it into Design->Custom css?

Hi again!

Thanks for the help. I tried it in Design -> Custom CSS but it didn't update in there. 

I also tried in Advanced -> Custom Code for my portfolio and nothing there either. 

Please see screenshot!

I am seeing the same page with you? the portfolio grid in my screenshot is your homepage, what is yours url

Hey again! 

The url for my homepage is https://seanhdesigns.squarespace.com/
 

The only thing that has changed for me on the homepage so far is the hover overlay of the projects. 

 

19 hours ago, lordbladdemere said:

The only thing that has changed for me on the homepage so far is the hover overlay of the projects. 

 

is this not what you like? this is the only grid i found on homepage

It looks perfect from your screenshot!

It doesn't appear the same for me though 😕 

I tried resizing the window also but it still looks the same. Mobile is working though!