How do I change the content width on Squarespace?

Squarespace 7.1 uses a .content-wrapper with a default max-width that controls how wide your content area is. You can override this globally or per-section to control the reading width.

Be careful with very wide content areas on text-heavy pages — line lengths over 75 characters become hard to read. Use wider widths for gallery or product grid sections and narrower for blog content.

/* Global content width override */
.content-wrapper {
  max-width: 1400px !important;
  padding-left: 40px;
  padding-right: 40px;
}
/* Narrow content for a specific section */
[data-section-id="YOUR_SECTION_ID"] .content-wrapper {
  max-width: 720px !important;
  margin: 0 auto;
}