Changing content and sidebar widths

Last updated

You can divide your site into up to three columns: The main content area, and two optional sidebars. You can set the width of any of these columns in Style mode.

Watch a video

Step 1 - Create a custom style

Enter Style mode and click Banner & Navigation. 

If you haven't already, you'll be prompted to create a custom style.

style-mode.png

Step 2 - Choose your layout

In the Banner & Navigation tab, choose whether your layout has one, two, or three columns. If you change your site's layout, click Save Changes.

For more help, visit Editing sidebars.

choose-layout.png

Step 3 - Set the widths

  1. In the Banner & Navigation tab, click Change Widths.
  2. Use the drop-down menu to choose your content area, sidebars, or padding.
  3. Use the slider to adjust the width, or type a number into the pixel field.
  4. Click Save Changes.

choose-widths.png

Was this article helpful?
0 out of 0 found this helpful
  1. Squarespace 5
  2. Knowledge Base
  3. Website Structure
Changing content and sidebar widths