Website Building » Squarespace » How Do I Enlarge an Image When Hover Over in Squarespace?

How Do I Enlarge an Image When Hover Over in Squarespace?

Last updated on December 29, 2022 @ 3:58 pm

When you hover over an image in Squarespace, the image will enlarge. To do this, you’ll need to add a little bit of code to your site. Here’s how:

    1. First, you’ll need to find the image you want to enlarge. To do this, go to the page on your site where the image is located and click on it.

    2. Next, click on the “Code” button at the top of the page. This will open up the code for your site in a new window.

    3. In the code window, find the section of code that contains the URL for your image. It will look something like this:

    <img src="http://example.com/image.jpg">

    4. Now, add the following code after the URL for your image:

    ?w=800&h=600&fit=crop& crop=focalpoint

    5. Save your changes and preview your site to see the enlarged image.

PRO TIP: If you are not careful, you could end up with an image that is too large for your screen.
Madison Geldart

Madison Geldart

Cloud infrastructure engineer and tech mess solver.