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?