Jump to content

7.1 - Reducing Spacing between sections

Recommended Posts

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

Link to comment

Add to Home > Design > Custom CSS

[data-section-id="5f3ce3a5da5a8e4c4fb83f48"] .gallery-strips {
    padding-top: 0 !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1 year later...
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 months later...
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? 😉

massivespace.jpg

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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!

padding_middle.png

Link to comment
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!

padding_middle.png

Use this new code

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.