Website Building » Squarespace » How Do I Make an Image Appear on Hover Squarespace?

How Do I Make an Image Appear on Hover Squarespace?

Last updated on October 1, 2022 @ 3:40 am

When you hover over certain images on Squarespace, a small icon appears in the top-left corner. This is called a “hover icon.” To add a hover icon to an image:

1. Go to the Content panel and click Pages.

2. Hover over the page you want to edit and click Edit.

3.

In the Page Editor, click the image you want to add a hover icon to.

4. Click the Image Options tab.

5. Select an icon from the Hover Icon drop-down menu.

PRO TIP: If you are using the Squarespace platform to build your website, be aware that there is a known issue with images appearing on hover squares. When you add an image to a hover square, it may appear blank when you preview or publish your site. This is a bug that Squarespace is aware of and is working to fix. In the meantime, you can workaround this issue by adding a link to the image in the hover square’s URL field.
Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.