Find your unique page ID in squarespace

Want to add some CSS to just one page on your site, that's NOT an index section?

Don't want to add the code to your page's settings?

Then you're going to want to find your page's unique ID to make all the changes you like on just one page of your Squarespace site.

But don't worry, it's pretty easy to find.

And if you're wondering, yes, this applies to any non-index page of any template!

 

Find your page ID in Squarespace

First, you need to either open your site on a new window logged out from Squarespace, or hide your Squarespace dashboard.

Then right-click anywhere on the page and choose "View Source".

View source to find Squarespace page collection ID

 

Now, hit Ctrl+F or Cmd+F and search for "body" to locate your opening body tag  <body>.

The ID you see as the attribute for that body tag is your page's ID.

Finding your page ID in Squarespace regular page

 

Copy that string of characters that starts with "collection-" and use it as the ID selector in your CSS window like so:

#collection-5913739937c5816f2531d741 {

}
Note: your string of numbers will be unique to your page, the one in this example won't work for you

 

Edit blocks on just one page of your Squarespace site

Knowing your page's ID, you can now choose which element you want to style and add your changes as usual!

For example, if you want to edit the h1 of a banner like in this post, you can use this:

#collection-5913739937c5816f2531d741 .Intro h1 {
  color: lightpink;
}
Change heading styles on one page only in Squarespace

 

Thanks for reading!

Until next time,

B.

 

LIKED THIS POST?

I'd love it if you shared!