Button Customization Guide & Video Walkthrough

Steps:

1. Install the Squarespace ID Finder browser extension.

2. In Squarespace, navigate to Pages → Custom Code → Custom CSS.

3. Locate the page and section where the button you want to customize is located.

   • Pages are labeled as:

     //**—— [PAGE NAME] ——**//

   • Sections are labeled with // followed by the section name, which usually matches the main heading displayed on the page.

   • Sections are listed in the same order they appear on the page (top to bottom). Add sections if needed and label them accordingly.

4. Enable the Squarespace ID Finder extension, then click the button you want to customize to copy its unique ID.

5. In the Custom CSS panel, scroll to the corresponding section and paste the button ID in the designated area.

6. Paste the CSS code immediately after the button ID. Be sure to add a space after the button ID before pasting the code, otherwise the CSS will not work correctly.