Autoplaying Banner Slideshow with Text Overlay
What You'll Create
An autoplaying banner slideshow with text overlay capability—combining the visual impact of cycling background images with positioned text content on top. The slideshow transitions automatically while maintaining readable overlaid typography and other content blocks.
The Problem It Solves
Squarespace's Banner sections don't support multiple autoplaying background images. When you want a hero area with cycling visuals and overlaid text (like the effect seen on sites like lindseyroman.com), you need to combine slideshow functionality with positioning techniques to layer content properly.
Perfect For
Homepage hero sections with multiple images
Portfolio landing pages
Event or wedding photography showcases
Brand story introductions
Any hero needing visual variety with text overlay
What Makes This Different
This technique leverages existing slideshow code and layers it with positioning to allow content blocks to sit on top of cycling images. The result mimics expensive custom hero builds using Squarespace's native blocks with strategic CSS positioning.
Details
Section Type: Fluid Engine
Code Type: CSS
Prerequisites: Slideshow or gallery block. Understanding of positioning and layering.
Toolkit Title: Autoplaying Banner Slideshow with Text Overlay
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