How Do I Crop in Squarespace?

If you’re looking to crop in Squarespace, there are a few different ways you can do it. You can use the crop tool in the editor, or you can use CSS to create a custom crop.

If you want to use the crop tool in the editor, simply select the image you want to crop, and then click on the “crop” icon in the toolbar. This will open up the crop tool interface. from here, you can select the aspect ratio you want to crop to, and then click on the “crop” button.

If you want to use CSS to create a custom crop, you first need to find the image’s URL. To do this, go to the page where the image is located, and then right-click on the image and select “inspect.” This will open up the element inspector, and from here you can find the image’s URL under the “src” attribute.

Once you have the image’s URL, you can add a custom CSS rule to your site’s CSS file that will crop the image to a square. The code for this looks like this:

img {
  width: 200px;
  height: 200px;
  object-fit: cover;
}

Just replace "200px" with whatever width and height you want your square crop to be. You can also add other CSS rules to this code snippet to further customize how your image looks. For example, if you wanted to add a border around your image, you could do that with this code:

img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  border: 5px solid #000;
}

Conclusion: Cropping in Squarespace is easy! Whether you use the built-in crop tool or custom CSS, you can quickly crop images into squares.