7.1 - Reducing Spacing between sections

Site URL: https://bat-coyote-rkw6.squarespace.com

If you look at my home page (password Monday - URL - https://bat-coyote-rkw6.squarespace.com)

You will see a large amount of space/padding below the title "A Selection of Recent Work" and the Gallery Section.   This is because I couldn't see how to add a title to the Gallery Section and needed to add a new section above to hold the title.

Does anyone know how I can reduce the padding / space between the sections, so the space is the same as the "Recent Blog" section below?

Many thanks

Phil

Excellent.   Many thanks Tuan works perfectly.

This definitely helped, thank you! However, it is only working for one of my pages, not across the board. Any help would be appreciated. Thanks in advance!

On 1/9/2022 at 2:15 AM, darque_entries said:

This definitely helped, thank you! However, it is only working for one of my pages, not across the board. Any help would be appreciated. Thanks in advance!

Try this new code

.gallery-strips {
    padding-top: 0 !important;
}

Tuan, I have the same (?) problem - trying to reduce the space on top and below the gallery sections. I've used the code you offer, above, but am having no luck. The screen grab is attached. Can you help, please? 😉

On 3/12/2022 at 12:44 AM, Lesley said:

Tuan, I have the same (?) problem - trying to reduce the space on top and below the gallery sections. I've used the code you offer, above, but am having no luck. The screen grab is attached. Can you help, please? 😉

Can you share link to page in screenshot? We can check easier

I think you need this:

https://falcon-blenny-2pn2.squarespace.com/

and the password is indigobunny

thank you

Apologies, the link you want (directly to the page) is https://falcon-blenny-2pn2.squarespace.com/media

On 3/14/2022 at 11:38 AM, Lesley said:

Apologies, the link you want (directly to the page) is https://falcon-blenny-2pn2.squarespace.com/media

Add to Design > Custom CSS

/* Media page spacing */
.user-items-list {
    padding-top: 0px !important;
}

Tuan, I am grateful! I am also asking about the padding IN BETWEEN the sections though . . . so the code you provided moved up the top most margin. But the bigger problem is the huge gaps IN BETWEEN that first section of content, and the next section area, and the next. Same link, see screen grab. Can you help me please with that also? Thanks much!

14 hours ago, Lesley said:

Tuan, I am grateful! I am also asking about the padding IN BETWEEN the sections though . . . so the code you provided moved up the top most margin. But the bigger problem is the huge gaps IN BETWEEN that first section of content, and the next section area, and the next. Same link, see screen grab. Can you help me please with that also? Thanks much!

Use this new code

.user-items-list {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

Thank you! And also, duh. I thought padding-bottom would control the outer most edge/margin, not those internal areas. Thank you thank you for the help. cheers.

Adding my thanks tuanphan, this sorted my issue out as well. Cheers!