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. Standout students also get the commercial license to use these techniques in building Squarespace templates for sale.
Centered Logo with Split Navigation
Split navigation items left and right with logo centered in the header.
Lined Header with Full-Width Navigation
Create a header with navigation items separated by lines and spread full width.
Product Info Reveal on Hover
Display additional product details in a popup that appears when visitors hover over product listings.
Animated Link Underline Effect
Text links with animated underlines that expand on hover - includes optional arrow icons.
Clickable Section Background Images
Add clickable links to section background images, turning full-bleed backgrounds into navigation elements or call-to-action areas.
How to Add Rotated Text Labels to Gallery Slideshows in Squarespace
Add vertically rotated text labels alongside your gallery slideshow images, creating an elegant editorial-style design accent.
ScrollReveal Animations
Customizable scroll-triggered reveal animations using ScrollReveal.js.
Sticky Scrolling Columns
Pin one column in place while the other scrolls — perfect for keeping key visuals or headlines visible during long-form content.
Sticky Scrolling Columns for Squarespace 7.0
Keep one column fixed in place while visitors scroll through content in the adjacent column.
Summary Carousel Card Backgrounds
Add colored background panels to carousel summary blocks - creates polished card layouts.
Disable Parallax on Mobile
Automatically turn off section background parallax effects on mobile devices to improve performance and prevent janky scrolling.
Column Divider Lines
Add vertical separator lines between content columns for clean, editorial-style layouts without extra blocks or images.
Circular Blog Thumbnails
Transform rectangular blog thumbnails into perfect circles using simple CSS border-radius.
Prevent Horizontal Overflow
Fix unwanted horizontal scrolling and overflow issues with a simple CSS solution.
Circular Summary Block Thumbnails
Transform rectangular Summary Block thumbnails into perfect circles — ideal for team photos, testimonials, and softer design aesthetics.
Custom Bullet Point Icons
Custom bullet icons using images or color-responsive SVG masks - brand-aligned list styling.
Custom Social Media Icons
Add TikTok, WhatsApp, or any custom social icons not included in Squarespace defaults.
Rounded Pill Newsletter Form
Pill-shaped newsletter form with seamless rounded input and button - modern capsule design.
Grid Gallery Hover Overlay
Grid gallery with title overlays appearing on hover - colored backgrounds and centered text.
Blog Masonry with Text Overlay
Masonry blog layout with centered text overlay on images - elegant collage design.