Website Building » Squarespace » How Do I Resize a Thumbnail in Squarespace?

How Do I Resize a Thumbnail in Squarespace?

Last updated on December 27, 2022 @ 6:55 pm

There are a few different ways to resize thumbnails in Squarespace. One way is to use the built-in thumbnail resize function. To do this, simply navigate to the page or post where you want to change the thumbnail size, and click on the “Thumbnail” button in the editor toolbar. From there, you can select the desired thumbnail size from the drop-down menu.

Another way to resize thumbnails in Squarespace is by using CSS. To do this, you’ll need to add a code block to your site’s Custom CSS area. The code you’ll need to add is as follows:

PRO TIP: If you are not careful, you can easily end up with a distorted image.

.thumbnail-image { 
   width: 200px; 
   height: 200px; 
} 

You can adjust the width and height values to whatever size you want your thumbnails to be. Once you've added this code, your thumbnails will be automatically resized on your site.

Conclusion, there are two different ways that you can go about resizing thumbnails in Squarespace - either by using the built-in thumbnail resize function or by adding some CSS code into your Custom CSS area. Choose whichever method works best for you and start creating beautifulthumbnails for your Squarespace site today!

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.