Lightbox Side Captions

Code Toolkit
Written By Squarestylist Support

What You'll Create

Styled lightbox captions that appear beside images when viewing gallery items in fullscreen mode.

The Problem It Solves

Squarespace 7.1 lightbox shows captions in limited positions. This technique repositions captions to display alongside images in a split layout with custom styling.

Perfect For

Photography portfolios, Art galleries, Product showcases, Project documentation, Educational content.

What Makes This Different

jQuery extracts image alt text and creates styled caption elements in the lightbox. CSS positions captions in a side-by-side layout with the image, including fade animations.

Details

  • Section Type: Fluid Engine

  • Code Type: CSS + JavaScript

  • Prerequisites: Gallery Section with lightbox enabled; images with alt text; jQuery library

  • Toolkit Title: Lightbox Caption 7.1

Learn This Technique

This is one of 150+ code techniques taught inside Standout Squarespace, where you get:

  • The complete, copy-paste code

  • Video walkthrough explaining how it works

  • The principles behind the technique so you can customize it

  • Access to our private community for support

Get Access to Standout Squarespace →
Squarestylist Support
Previous

Image Parallax on Scroll
Next

Style Blog Posts Based on Tag or Category