Table of Contents
- Project Pages in Squarespace 7.0: A Complete Setup Guide
- Setting Up Your Project Page
- Getting Started
- Customise Your Layout
- Optimising Image and Video Display
- Managing Image Sizes
- Video Parameters
- Creating Impact with Full-Bleed Images
- Organising Content
- Enhancing Page Aesthetics
- Project Page vs Gallery Page
- Template Changes
- FAQs
- Jargon Buster
- Wrap Up
.png?table=block&id=219105a2-9d95-81a7-841f-d550506b203b&cache=v2)
Last Edited Time
Jun 25, 2025 09:35 PM
Do not index
Do not index
Suggested Tag
Squarespace
project pages
squarespace 7.0
Tags Synced
Tags Synced
AI summary
Create and manage project pages in Squarespace 7.0 for portfolios, utilizing full-bleed images, customized captions, and layout adjustments. Note that project pages are not available in version 7.1 and lack lightbox or deeplink support.
Last edited by
Platform
Category
Topic
Project Pages in Squarespace 7.0: A Complete Setup Guide
Learn to create and manage project pages in Squarespace version 7.0.
TL;DR: Key Points
- Project pages only work in Squarespace 7.0 (not available in 7.1)
- Perfect for portfolios that mix text with images or videos
- Customise image alignment, spacing, and captions through site styles
- Full-bleed image settings create dramatic visual impact
- Add captions for context through layout options
- No lightbox or deeplink URL support
Setting Up Your Project Page
To use project pages in Squarespace 7.0, you need to understand the basics of adding and adjusting content.
Getting Started
- Access Your Project Pages: Open the Pages panel and click the + icon to add a new Project
- Add Content: Upload images or videos, giving each a title and description. Videos need a thumbnail image for visual reference
Customise Your Layout
- Align Your Images: Choose alignment (left, centre, right) for a cleaner look
- Spacing: Adjust spacing between images and banner spacing at the top to smooth out your layout
- Caption Settings: Add and style captions through the Project: layout section to enhance your visual story
Pro tip: When setting images to full-bleed, make sure your original images are large enough. This prevents distortion or pixelation.
Optimising Image and Video Display
Project pages handle image and video sizes with straightforward settings.
Managing Image Sizes
- Images display based on their original dimensions but can be set to full bleed for edge-to-edge visuals
- Adjust size by uploading images with different dimensions as needed
Video Parameters
- Control video width by customising the embed code from your video hosting service
Creating Impact with Full-Bleed Images
For a full-bleed look:
- Centre images with captions below
- Set landscape images to full-bleed through Project: layout settings
- For non-landscape images, set the appropriate caption style and tick 'Allow full width portrait and square'
Organising Content
Rearrange or move images by changing their order in the page's panel (works like gallery pages).
Enhancing Page Aesthetics
- Header and Footer: Both can be customised. Include a banner image or video at the top for added visual interest
- Loading Effect: Customise how your images and captions appear as viewers scroll
Project Page vs Gallery Page
Project pages work best for mixing images and text, whilst gallery pages focus more on visuals and support lightboxes and deeplink URLs.
Template Changes
Switching templates converts project pages to gallery pages. You may need to recreate your setup if you switch back.
FAQs
Can I use project pages in Squarespace 7.1?
No, project pages only work in version 7.0.
How do I add captions to images on a project page?
Open the Pages panel, choose your project page, and double-click an image to add titles and descriptions.
Can I make images full-bleed on project pages?
Yes, set images to centre alignment with captions below, then enable the Full Bleed setting in Project: layout.
Jargon Buster
- Full Bleed: Images that extend to the edges of the browser window
- Site Styles: Squarespace options for tweaking your site's design elements
- Caption: A title or description positioned with an image
- Deeplink URLs: Direct URLs to specific content items on a site
- Lightbox: A feature that enlarges images or videos in a popup when clicked
- Alignment: How text or images are positioned within a page
Wrap Up
Project pages in Squarespace 7.0 let you create sophisticated portfolio designs that blend text and visuals effectively. Whilst there are limitations (no lightboxes or deeplink URLs), using full-bleed images and customised captions creates a visually compelling and professional online presence. These tips will help you get the most from Squarespace's project page capabilities.