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

  • Replies 11
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

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

That's not where you inject it.. Put it in Design > Custom CSS

Posted Images

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 post
  • 3 months later...
  • 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 post
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.

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- Pour your heart into it

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...