Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Hide Header and footer from one page


Recommended Posts

Find the collection id of the page in question. You do this by inspecting the source code and looking at the body tag. 

image.png.9494666295ffc3f9f70bf6259344fa7b.png

Then insert the collection id into the following code (making sure you keep the # character in the code) and paste the edited code into your custom css area. 

#collection-id-here {
	header, footer {
		display: none !important;
	}
}

 

Please hit LIKE to share your appreciation of posts that are helpful or useful. 

The like button is somewhere over thereover-there.jpg

Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here

Link to comment
  • 3 months later...
4 hours ago, wayne said:

I just used this CSS and it works perfectly. Thanks @colin.irwin!

You can also use this code (for all templates in SS 7.0 & 7.1)

and here for footer https://beaverhero.com/remove-footer-squarespace/

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

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
  • 6 months later...
  • 3 weeks later...
On 11/7/2019 at 12:12 PM, colin.irwin said:

Find the collection id of the page in question. You do this by inspecting the source code and looking at the body tag. 

image.png.9494666295ffc3f9f70bf6259344fa7b.png

Then insert the collection id into the following code (making sure you keep the # character in the code) and paste the edited code into your custom css area. 


#collection-id-here {
	header, footer {
		display: none !important;
	}
}

 

Hi @colin.irwin I've tried to use your code to hide header and footer from a single page of our website. But I can't find the collection-id, using safari browser. Do you have a nearer tip finding this id? 

Thank you!

Tina

Link to comment
On 10/6/2020 at 7:57 PM, TinaB said:

Hi @colin.irwin I've tried to use your code to hide header and footer from a single page of our website. But I can't find the collection-id, using safari browser. Do you have a nearer tip finding this id? 

Thank you!

Tina

You can add code to Page Header. Or if you share link to that page, we can check easier.

Email me if you have need any help (free, of course.). Answer within 24 hours.

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...
21 hours ago, failbetter said:

does anyone know why  i'm still getting a sort of blank space where the footer should be?  I've got the footer and header hidden but when you scroll down theres a blank white bit.....

https://hibiscus-lobster-rxx5.squarespace.com 

Remove white at bottom of cover page only?

image.thumb.png.3d5c84f1fdf284345048d68090e7abca.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

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...