How to Choose Appropriate Sizes and Values on Squarespace - dummies

How to Choose Appropriate Sizes and Values on Squarespace

By Kris Black

When it comes to setting the width of your website and the size of text and images within it on Squarespace, you might feel as though you have an unlimited canvas to work on. Although this is true in some aspects, Squarespace does a good job of setting your website’s boundaries with default sizes and values.

The sizes and values you have control over differ from template to template but generally fall in two categories:

  • Element width: Examples of elements whose width you can resize are your website, the sidebars, and your logo.

  • Text size: The text you can modify are sitewide elements such as the site title, page titles, the author of a blog post, and text in a sidebar.

How to control widths

Squarespace gives you plenty of options and settings for controlling the width of your site and major site elements such as the header, navigation, logo, and footer. Some templates even offer you finer control over the width of particular elements within the site.

For instance, the Hudson template gives you separate spacing options for both blog posts and regular pages. The Qubert template offers a similar approach but focuses on allowing you to adjust the project width, project detail width, and page width for nonproject pages.

How to set an appropriate text size

Keep in mind that text sizes appropriate for a printed document are not necessarily appropriate for the web. For instance, suppose you’re adding your restaurant’s menu to your website. You might want to match the size of your printed menu, but that size on the web may be too small. Experiment, and don’t be afraid of increasing your font sizes.

You may wonder: What about iPads and iPhones? Setting a large font size for a computer might make the text too big on these types of devices.” That’s a valid concern, but Squarespace has you covered. The templates are optimized, with the size and value of elements and text resizing on these devices.

Now that you have a general understanding of design and how to apply it to styling your website, it’s time to dig in and start customizing your site.