Comprehensive Gallery Page Styling Guide for Version 7.0

Comprehensive Gallery Page Styling Guide for Version 7.0

By Michael Turner

January 9, 2025 at 05:10 PM

Styling Gallery Pages in Version 7.0 can be accomplished by adjusting various design elements through the site styles panel. Here's how to customize your gallery effectively:

Display Styles Overview:

  • Slides: Single image/video view with manual or autoplay navigation
  • Grid: Content displayed in customizable grid format
  • Stacked: Single-column display with padding between items
  • Carousel: Horizontal row with manual or autoplay navigation

Standard Gallery Page Templates:

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

Template-Specific Gallery Pages:

  • Avenue (slides)
  • Flatiron (stacked)
  • Forte (carousel with lightbox)
  • Ishimoto (carousel)
  • Momentum (slides/grid)
  • Montauk (stacked)
  • Supply (stacked)
  • Tremont (stacked, masonry, horizontal grid)
  • Wells (slides/grid)
  • Wexley (grid with lightbox)

Customizing Standard Gallery Pages:

  1. Layout Selection:
  • Open gallery page
  • Go to Design > Site Styles
  • Scroll to Gallery Styles
  • Choose between Slides or Grid layout
  1. Slides Layout Options:
  • Navigation types (thumbnails, bullets, numbers, circles)
  • Arrow styles
  • Thumbnail size
  • Image aspect ratio
  • Caption display
  • Transition effects
  • Autoplay settings
  1. Grid Layout Options:
  • Aspect ratio
  • Grid spacing
  • Column width
  • Lightbox style (dark/light)

Caption Styling:

  • Slides: Hidden, hover, or always shown
  • Grid: Appears in lightbox view
  • Video: Captions not displayed

Additional Features:

  • Deep link URLs for direct image access
  • Clickthrough URLs for external/internal linking
  • Keyboard navigation (arrow keys)
  • Autoplay functionality
  • Mobile-responsive design

Alternative Styling Options:

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

These settings can be adjusted through the site styles panel to create a unique, professional-looking gallery that matches your site's aesthetic.

Related Articles

Previous Articles