How to Style Gallery Pages in Squarespace 7.0 - Template Guide

How to Style Gallery Pages in Squarespace 7.0 - Template Guide

By Michael Turner

January 9, 2025 at 06:32 PM

A gallery page lets you showcase images and videos in different layouts. Here's how to customize gallery pages in version 7.0:

Display Styles

  • Slideshow: Shows one image at a time with optional autoplay
  • Grid: Displays content in an adjustable grid layout
  • Stack: Shows content in a single column
  • Carousel: Presents content in a horizontal scrolling line

Standard Gallery Templates:

  • Adirondack, Aviator, Bedford, Brine, Farro, Five, Galapagos, Native, Pacific, Skye, York

Unique Gallery Templates:

  • Avenue (slideshow)
  • Flatiron (stacked)
  • Forte (carousel/slideshow)
  • Ishimoto (carousel)
  • Momentum (slideshow/grid)
  • Montauk, Supply, Tremont (stacked)
  • Wells (slideshow/grid)
  • Wexley (grid/slideshow)

Customizing Standard Galleries

  1. Choose Layout:
  • Open Gallery Page
  • Go to Design > Site Styles
  • Select Slideshow or Grid under Gallery styles
  1. Slideshow Settings:
  • Navigation type (thumbnails/dots/numbers)
  • Arrow style and display
  • Image ratio and cropping
  • Caption display
  • Transitions and autoplay
  1. Grid Settings:
  • Image ratio
  • Grid spacing
  • Column width
  • Lightbox style

Caption Display Options

  • Slideshow: Hidden, hover, or always visible
  • Grid: Shows on hover in lightbox
  • Video captions not displayed

Additional Features

  • Direct link URLs for individual images
  • Clickthrough URLs to external/internal pages
  • Keyboard navigation (most templates)
  • Autoplay options
  • Mobile-responsive design

Alternative Options

  • Use gallery blocks on layout pages
  • Implement Summary Blocks
  • Switch templates
  • Create multiple galleries with different styles

Each template family may have unique gallery features and styling options. Refer to specific template guides for detailed customization options.

Related Articles

Previous Articles