Banner Slideshow with Split Layout

Code Toolkit
Written By Squarestylist Support

What You'll Create

Full-featured banner slideshows using Gallery Sections with captions positioned alongside images, custom bullet navigation, and polished typography for hero-level presentations.

The Problem It Solves

Creating impactful hero slideshows in Squarespace typically requires complex workarounds. This technique transforms Gallery Sections into sophisticated banner slideshows with split image/text layouts and customizable positioning.

Perfect For

Homepage heroes, Service showcases, Portfolio intros, Product features, Brand story sections.

What Makes This Different

Gallery Section slideshow is restyled with images on one side and captions on the other. Custom positioning controls text alignment and width. Bullet navigation is repositioned for a cleaner look. Includes fade-in animations for captions and separate mobile styling.

Details

  • Section Type: Fluid & Classic

  • Code Type: CSS

  • Prerequisites: Gallery Section set to Slideshow with captions enabled

  • Toolkit Title: Banner Slideshow

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

Style Blog Posts Based on Tag or Category
Next

Sticky Stacking Sections