Gallery Section: Grid #3

gallery-section-grid3-min

How to

#1. First you need to set Gallery Section: Grid to 2 columns

#2. Next, use this code to Custom CSS box

figure.gallery-grid-item:nth-child(5n+1) {
    grid-column: ~"1 / 3" !important;
}
.gallery-grid-wrapper {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}

Extra

Apply code for specific page

With Business Plan/Higher, use this code to Page Header

<style>
figure.gallery-grid-item:nth-child(5n+1) {
    grid-column: 1 / 3 !important;
}
.gallery-grid-wrapper {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
</style>

Need a help?

Just send me an email with your site url. I will answer within 24 hours

Ask me a question, free

If your site is private or in trial, just setup password and share url. See how to: https://beaverhero.com/squarespace-how-to/
Please check your email carefully. Recently I got a lot of questions with wrong emails.

If you haven't heard from me within 24 hours please check your junk/spam folder