Tiernan Posted July 27, 2022 Share Posted July 27, 2022 It seems that any CSS code depends on addressing the elements particular to square space, such as the various blocks. Is there a place to find a listing of all the blocks and other elements that can be modified with CSS? Link to comment
paul2009 Posted July 27, 2022 Share Posted July 27, 2022 2 minutes ago, Tiernan said: Is there a place to find a listing of all the blocks and other elements that can be modified with CSS? It isn't practical to produce a list. This is because: Squarespace make frequent undocumented changes. Some classes are generated dynamically as each page is served to the user. Elements will be different between sites and pages because each element will be changed when it is tweaked in Block Editors, Section Editors, Page Editors and Site Styles. If you need assistance identifying them, I recommend watching a video of someone using the browser development tools to change something within Squarespace and go from there. About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links. Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional. Link to comment
Tiernan Posted July 27, 2022 Author Share Posted July 27, 2022 Thanks for your feedback, Paul. Where might I find these videos? Link to comment
Tiernan Posted July 27, 2022 Author Share Posted July 27, 2022 I found your guide here helpful. https://sf.digital/squarespace-solutions/adding-css-how-to-find-id-and-class-selectors-on-squarespace paul2009 1 Link to comment
abc Posted July 27, 2022 Share Posted July 27, 2022 Developer Heather Tovey created a chrome extension specifically for finding various Squarespace IDs (such as blocks, sections, collections, etc.). I've been using it for several years now, and it's a huge timesaver. A must-have for anyone who builds with Squarespace. Link: https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff Tiernan 1 Link to comment
Tiernan Posted July 27, 2022 Author Share Posted July 27, 2022 That's really neat, thank you for pointing that out! abc 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment