Hide Header and footer from one page

Hi,

I've got a website on Squarespace with Marta's template and I would like to hide the header and footer from one page. 

I've tried with CSS code's I found on internet but none of them work for my template.

Please help!!!

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

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 , 

Thanks for your help, I've tried following your instructions but still not hiding... 😢

Find screen shots below

That's not where you inject it..

Put it in

Design > Custom CSS

Oh!!! Works perfect now!!! Thanks!!!!😁

How could I fix where it says ''BERTA'S JOURNAL'' as a header now? https://www.bertacabestany.com/weekly-journal

Also, how can I configure it to open in a new tab once they click JOURNAL in the home page? 

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

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/

Hi @colin.irwin thanks this worked for me on desktop! But I can't figure out how to make it work on mobile, could you help with that? Thank you!

This is what worked for me to hide the headers and footer on a single page. 

<style>.header, #footer-sections {display:none!important;}</style>

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. 

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

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.

Thanks @tuanphan think I could solve the problem right now. 

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 

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?

Yeah don't worry - I figured it out