Website Building » Squarespace » How Do You Adjust the Size of an Image in Squarespace?

How Do You Adjust the Size of an Image in Squarespace?

Last updated on December 30, 2022 @ 8:08 pm

There are a few ways to adjust the size of an image in Squarespace. You can use the built-in image editor, CSS, or HTML.

The built-in image editor is the easiest way to adjust the size of an image. Simply click on the image, then click on the “Edit” icon.

A popup window will appear with several options for resizing the image. You can also crop the image by clicking on the “Crop” icon.

PRO TIP: When adjusting the size of an image in Squarespace, be aware that the image may become distorted if not done correctly. It is recommended that you resize the image proportionally to avoid any issues.

If you want more control over the size of your images, you can use CSS. To do this, go to the “Design” tab and click on “Custom CSS.” Add the following code to the “Custom CSS” box:

img { 
width: 100%; 
height: auto; 
}

This code will make all images 100% width and height automatically. If you want to control the width and height of specific images, you can add a class or ID to the code like this:

img.classname { 
width: 100%; 
height: auto; 
}

#idname { 
width: 100%; 
height: auto; 
}
Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.