Discover What You Can Build
500+ workshops, Techniques, and Resources Inside Standout Squarespace
Explore the library of techniques, templates, and resources available for you inside Squarestylist’s Standout Squarespace program.
Infinite Scrolling Gallery Marquee
Transform any Squarespace gallery into a smooth 90-second infinite loop. Solves lazy-loading issues so all images appear instantly. No plugins required.
Mobile Swipe for Carousel Summary Blocks
Add touch swipe gestures to carousel summary blocks for better mobile navigation.
Grid Summary Block Hover Overlay
Add overlay backgrounds and custom hover text to Summary Block grids.
Image Reveal on Text Hover
Show images that appear when hovering over text items—a clean, modern way to preview content without cluttering your layout.
Simple Gallery Thumbnails for Mobile
Display gallery slideshow thumbnails on mobile devices when they're normally hidden. A quick CSS fix to restore thumbnail navigation on smaller screens.
Summary Carousel Slide Counter
Add automatic slide numbering to your Summary Block carousel using CSS counters—display '01', '02', '03' without any JavaScript.
Caption Overlay for Gallery Masonry
Display image captions as elegant hover overlays on masonry galleries.
Rollover Image using Stacked Gallery Block
Swap between two images on hover using stacked gallery blocks.
Sequential Word Fade-In Animation
Words appear one after another with timed fade-in effects for dramatic reveals.
Centered Carousel Arrows for Summary Block
Reposition summary block carousel navigation arrows to the vertical center of slides with custom styling.
Template (Copy)
Create layered image compositions using Stacked Gallery Blocks with CSS positioning.
Custom Carousel Arrows for Summary Blocks
Replace default summary block carousel arrows with custom SVG graphics.
Footer Reveal Effect
Footer appears to be revealed from behind content as visitors scroll - dramatic page endings.
Rotated Text for Index Gallery
Add vertically rotated text labels alongside your gallery slideshow images using CSS pseudo-elements, creating an elegant editorial-style design accent.
Typewriter Text Animation
Animated text that types out words letter by letter, then cycles to new words - dynamic headline effects.
Image Parallax on Scroll
Add smooth parallax movement to images as visitors scroll, creating depth and visual interest across your page layouts.
Style Blog Posts Based on Tag or Category
Apply unique styling to individual blog posts based on their assigned tags or categories—change colors, layouts, or any visual element based on how posts are organized.
Banner Slideshow with Split Layout
Transform Gallery Sections into banner slideshows with split image and caption layouts.