Website Building » Squarespace » How Do I Change the Content Width on Squarespace?

How Do I Change the Content Width on Squarespace?

Last updated on January 1, 2023 @ 8:58 am

There are a few different ways that you can change the content width on Squarespace. One way is to change the width of the container that your content is in. This can be done in the Site Styles panel under the “Layout” tab.

Another way to change the content width is to change the width of the individual elements on your page. This can be done in the Page Elements panel under the “Content” tab. Finally, you can also use CSS to change the width of your content.

If you want to change the width of your content, you first need to decide which method you want to use. If you want to change the width of the container that your content is in, you can do this in the Site Styles panel under the “Layout” tab.

To change the width of individual elements on your page, you can do this in the Page Elements panel under the “Content” tab. If you want to use CSS to change the width of your content, you can add CSS code to your site’s style sheet or inline style tags.

Once you’ve decided which method you want to use, follow the instructions below for that method.

Method 1: Change the Width of the Container That Your Content Is In

    1. Log in to your Squarespace account and go to your site’s Dashboard.

    2. In the Dashboard, click on “Settings” and then “Site Styles.”

    3. In Site Styles, click on the “Layout” tab and scroll down to find “Container Width.”

    4. Use the slider to change the container width or enter a custom width in pixels.

    5. Click “Save” and then “Publish” to save your changes and make them live on your site.

PRO TIP: The following article contains instructions on how to change the content width on Squarespace. Please be aware that changing the content width may adversely affect the overall design of your site. Use caution when making changes to your content width, and be sure to preview your changes before publishing them.

Method 2: Change The Width Of Individual Elements On Your Page

    1. In the Dashboard, click on “Settings” and then “Page Elements.

    2. In Page Elements, click on an element that you want to change the width of and then click on the “Size” tab in its settings window.

    3. Use the slider to change the element’s width or enter a custom width in pixels.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.