How to Style Gallery Pages in Squarespace 7.0
Gallery pages in version 7.0 can be customized through the "Site Styles" panel, allowing you to adjust image sizes and overall design elements.
Display Styles
Galleries come in four main display formats:
- Slideshow: Single image/video display with click navigation or autoplay
- Grid: Multiple images in a grid layout with adjustable ratios and margins
- Stack: Single-column display with customizable margins
- Carousel: Horizontal scrolling with click navigation or autoplay
Template Support
Standard Gallery Page templates include:
- Adirondack
- Aviator
- Bedford
- Brine
- Farro
- Five
- Galapagos
- Native
- Pacific
- Skye
- York (includes unique Project Page)
Customizing Standard Gallery Pages
Layout Options:
- Slideshow Layout
- Navigation types (thumbnails, dots, numbers, circles)
- Arrow styles and visibility
- Image ratio and cropping
- Caption display options
- Transition effects
- Autoplay settings
- Grid Layout
- Image ratio and spacing
- Column width
- Lightbox style (dark/light)
- Caption display settings
Mobile Optimization
All templates feature responsive design for optimal mobile viewing. Use device preview to check mobile appearance.
Advanced Features
Special functionality includes:
- Direct link URLs for individual images
- Clickthrough URLs for external/internal linking
- Keyboard navigation (available in most templates)
- Autoplay capabilities (template-dependent)
Alternative Styling Options
For additional customization:
- Use gallery blocks on layout pages
- Implement Summary Blocks for filtered content
- Switch templates for different gallery styles
- Combine multiple gallery types using pages and blocks
All images maintain their aspect ratios and quality across different display styles, ensuring consistent presentation throughout the site.