Jump to content

Spacing on individual pages - remove banner image and rigid space block

Go to solution Solved by Lesum,

Recommended Posts

On the individual pages I've hidden the banner image and the page description but I can't move the main body of the page up, it's as if a banner image ghost / unmovable block is there, meaning the page registers too low when a user lands on it. Is there any way to fix this? It occurs on each page as if by default. Any help much appreciated. thanks

Link to comment
  • Solution

Hi, here's code snippet to remove the spacing on individual pages:

For Press page, add the this code:

body#collection-58c5234a15d5db3bdc7052d4 #page .page-text-wrapper:nth-child(1) {
    display: none !important;
}

For about page, add this code:

body#collection-57b06a585016e1690c4e2147 #page .page-text-wrapper:nth-child(1) {
    display: none !important;
}

You just need to change the collection id (#collection-57b06a585016e1690c4e2147) on the code every time you create an individual page.

You can find the collection id using this chorme extension: https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff/related

After installing the extension on your browser, if you click on the extension on your website, collection id will appear at the top left corner of your website. See screenshot:

screencapture-jamieroberts-london-escape-from-kabul.thumb.png.c336088ee5e49384b0b279e20f19d5e5.pngLet me know if that works. Thanks!

Edited by Lesum

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

Link to comment
6 minutes ago, visitjamie said:

I havent managed to fix the problem - the code just seems to appear at the top of the screen, any idea what im doing wrong

The code @Lesum has supplied is CSS and has been designed to be added to the Custom CSS panel, not the Page Header Code Injection panel 🙂.

You’ll find the Custom CSS panel in Website > Utilities > Website Tools > Custom CSS or you can click the search icon and then type “CSS”. For more details of how to open the Custom CSS panel, please see Where is the Custom CSS panel?

 

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Would you like your customers to be able to mark their favourite products in your Squarespace store?

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.