Custom spacing between sections and blocks

Site URL: https://chimes-tomato-2rwe.squarespace.com/

Hi, I'm after some help with some spacing amendments?

https://chimes-tomato-2rwe.squarespace.com/

Password: LINCHPIN

I'm looking to inject CSS and have even gaps and padding between Gallery grid simple blocks (site wide) on mobile and desktop.

I'd also like to be able to adjust section width to be thinner than the default of 10 (VW?) site wide when needed as I want to add thin lines between different sections.

@tuanphan I'd love your thoughts?

Kind regards.

Lincoln

Where gallery grid?

Hi Tuanphan,

It's on page:

https://chimes-tomato-2rwe.squarespace.com/neuw-denim

The red and cream sections with two square images next to each other. I'd like to make the gaps even site wide if possible, just for these sections.

Thank you.

To adjust spacing, add this to Home > Design > custom CSS

@media screen and (min-width:768px) {
/* red section */
[data-section-id="5ebdf6c777554077ad768c0d"] .gallery-grid--layout-grid .gallery-grid-wrapper {
    grid-column-gap: 5vw !important;
    grid-row-gap: 5vw !important;
}
/* cream section */
[data-section-id="5ebdf6c777554077ad768c15"] .gallery-grid--layout-grid .gallery-grid-wrapper {
    grid-column-gap: 5vw !important;
    grid-row-gap: 5vw !important;
}
}

Thanks Tupan! However, the gap is still larger on mobile between the two images? Kind regards.

28 minutes ago, lincolnjubb said:

Thanks Tupan! However, the gap is still larger on mobile between the two images? Kind regards.

you can try adjust 5vw to 1vw or 1px

Awesome, thank you Tuanphan. You're a legend.