Upload your Icons or Images to Custom CSS

When you have your set of Icons/images ready, follow these steps:

  1. Go to Pages and scroll down to Website Tools

  2. Click on Custom CSS

  3. Click on Custom Files

  4. Click on: “Add images or fonts” in the area that slides down

  5. Make sure your cursor is in an empty space in the Custom CSS window so you do not overwrite or inject the URL in any present code

  6. Locate and select the applicable Icons/Images on your drive and click “Open” in your Finder/Explorer window. This will upload your Icon to Squarespace

  7. Next, click again on “Add images or fonts” and find the applicable icon in the list and click on it. This will create a unique URL, which Squarespace will paste in the Custom CSS area

  8. CUT, not copy, this URL and save it in e.g., a Word doc or any note-taking app you use.

  9. When you use one of our configurators, use the URLs in the right field to generate the HTML and CSS.

  10. Done…