Rotated Text for Index Gallery

Code Toolkit
Written By Squarestylist Support

What You'll Create

Vertically rotated text labels for your Squarespace gallery that appear on the left or right side of slideshow items. The text stays fixed at the 50% vertical position and rotates -90° (left side) or 90° (right side), creating an elegant typographic accent alongside your gallery images.

The Problem It Solves

Squarespace galleries don't offer built-in text overlay options beyond captions. When you want decorative text elements positioned vertically alongside slideshow images—a popular editorial design treatment—there's no native way to achieve this. This technique adds that magazine-style sophistication.

Perfect For

Portfolio galleries, photography showcases, editorial layouts, branding presentations, creative agency homepages.

What Makes This Different

Uses special text elements that rotate 90 degrees for true vertical display. You can customize the text without editing any HTML. The text centers vertically at 50% position for perfect alignment. Includes both 7.0 (Index Gallery) and 7.1 (Gallery Fullscreen Slideshow) versions with appropriate targeting.

Details

  • Section Type: Classic

  • Code Type: CSS

  • Prerequisites: Gallery section set to slideshow layout, section ID required

  • Toolkit Title: Rotated Text for Index Gallery

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

Footer Reveal Effect
Next

Typewriter Text Animation