Squarefinder extension for Chrome

Highlight and copy ids and classes in Squarespace to use in CSS and JS

  • Shape

    Supports Fluid engine

  • icons8-expand

    Bigger click areas

  • Group 3

    Activate with hotkeys

  • Shape

    1-click media queries

How to install

1 Get the extension

Add the extension to your browser from Chrome Web Store

2 Activate the extension

Activate extension in Chrome extensions.
SettingsExtensionsManage extensions or chrome://extensions

3 Show ids and classes

Click on extension icon or hold Alt / Option to toggle the ids.

4 Copy ids and classes

Click on the panel or on the block/section area to get it's ID (class for Fluid Engine blocks).

Options

Coming soon

Help us to improve the tool

If you're interested in helping us to improve the tool, share you thoughts in the form. Thanks!

Privacy policy

This extension doesn't gather any data.