rtsquarespace Posted July 28, 2013 Share Posted July 28, 2013 I need to find the page ID to use it in CSS but I have no idea where to find it. Thank you Link to comment
neeklamy Posted July 29, 2013 Share Posted July 29, 2013 Right click and View Page Source Do a find for <body (control - F in Windows or command - F in Mac) You'll find a line something like this:<body id="collection-51c37050e4b0895fa6dc9175" class="collection-type-index homepage view-list"> As you can see, the ID is often the first attribute In CSS, ID selectors are called with a hash (#) symbol, such as:#collection-51c37050e4b0895fa6dc9175 Alternatively, when you're in the Squarespace Configuration pages, if you go to the page you'll see the ID in the URL, for example: yourdomain.squarespace.com/config#collectionId=51c37050e4b0895fa6dc9175 You'd then have to add the collection- part back: collection-51c37050e4b0895fa6dc9175 The name is an Anglicised form of the Greek Korvetti — I like to think there’s a little bit of the ancient Hellenic drive in me. Link to comment
ericchen Posted February 11, 2014 Share Posted February 11, 2014 It worked! Thank you! Link to comment
Guest Posted January 3, 2015 Share Posted January 3, 2015 I've updated a different question here on SquareSpace Answers with a similar answer along with screen shots. I hope this helps. Link is here: How to Find the Page ID --Shawn Link to comment
karen Jain Posted February 2, 2016 Share Posted February 2, 2016 Its simple,right click on the page select Inspect option,choose which block you would like to make changes,there find the given block id or class.. Link to comment
wpb12 Posted September 6, 2016 Share Posted September 6, 2016 hi there! I tried to follow this description for locate the page ID, but if i do the right click i can not choose something like page source and in the URL it also does not show me the page ID.Im working on mac.What am i doing wrong or is there any other way to locate it? Tanks for your help! Link to comment
Guest Posted April 25, 2017 Share Posted April 25, 2017 On a mac change advanced settings of your browser to show Develop in Menu Bar. Then open the page on browser, go to view source code and there you can find it. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.