Once you have found the correct Block ID, make sure you have it copied. If it starts with anything else, it’s not the correct ID. TIP: Make sure the Block number starts with Block. Though there are a lot of “ID’s” so make sure you look for the correct one, it needs to start with block.
Html link text color atext code#
Somewhere in the code for that certain object it will say ID=block etc. Otherwise, you can right click on the block and then click Inspect. Squarespace also recommends you use Google Chrome for the best experience when you’re editing in Squarespace anyway, so it’s a win-win. Open up the page with the block you want to identify, click on the Identifier Tool in your Chrome Extensions and it will instantly reveal the Block Identification Numbers (which will be something like #block-53c818fd6d3f39517aed or #block-yui_3_17_2_1_1556302617094_72323)Ĭlick on the Block you want to use and it will automatically copy the Block number for you! If you don’t use Google Chrome:įirstly, I recommend downloading it even if it’s just to use this extension, it will save you a bunch of time. This extension is designed to help you find the Block Identification Number of each Block on your Squarespace Site. If you’re using Google Chrome, download this Squarespace Block Identifier extension for Chrome.
The easiest way to find the block number: Once you have the identification number of a certain block, you can easily make CSS changes to it over in the Squarespace CSS Editor. Using a Block Identifier and adding basic CSS Step 1 : Identify your blockĮach Block on your site has a different identification number.
Also, adding your CSS in one area, rather than throughout the site in different areas (as the other method below) is better overall for SEO. We use the universal CSS editor which is available to everyone on a personal plan.
I recommend this method for most instances.