Jump to content

Reducing amount of empty space between sections

Recommended Posts

Posted

Hi. Please could anyone help me with reducing the size of the large block of empty space in between the top text and the shop section on this page please (see image below). 

The password to enter the page is “comingsoon” 

Many thanks.image.thumb.jpeg.1b487cdc56b3f987e099a167ba7ab8c8.jpeg

Posted

Add this to your Custom CSS:

.products.collection-content-wrapper {
    padding-top: 1vw;
}

Hope that helps!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted

Brilliant thank you. That helps. Now is there a bit of code to reduce the space underneath the text box above slightly please?

34 minutes ago, Ziggy said:

Add this to your Custom CSS:

.products.collection-content-wrapper {
    padding-top: 1vw;
}

Hope that helps!

https://www.annafinejewellery.co.uk/shop

Password “comingsoon”

Posted

Haha, yes! Adjust the padding bottom, amended below:

.products.collection-content-wrapper {
    padding-top: 1vw;
    padding-bottom: 1vw;
}

 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted
5 minutes ago, Ziggy said:

Haha, yes! Adjust the padding bottom, amended below:

.products.collection-content-wrapper {
    padding-top: 1vw;
    padding-bottom: 1vw;
}

 

That’s just reducing the padding at the bottom of the products. Is it possible to reduce it from the bottom of the text box block thats above the products please?

Posted

You should be able to do that in the section settings, adjust it to align bottom rather than middle.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted
4 minutes ago, Ziggy said:

You should be able to do that in the section settings, adjust it to align bottom rather than middle.

It actually makes the gap bigger if I align it to the bottom. 

Posted

Have you adjusted the section height as well?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted
8 minutes ago, Ziggy said:

Have you adjusted the section height as well?

I have. It’s actually ok on a computer, its just on mobile that the gap still looks a bit too big.

Posted
1 minute ago, AFJ said:

I have. It’s actually ok on a computer, its just on mobile that the gap still looks a bit too big.

Aaah! Sorted it. I unclicked “fill screen”. Thank you for all your help.

Posted
Just now, AFJ said:

Thank you for all your help.

No problem! Happy to help, can you mark my answer as the solution, and thumbs up? Thanks!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.