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.
Blog Post Cover Image Hero
Create a hero-style cover image behind your blog post title for dramatic visual impact.
Blog Post Synced CTA Block
Add a synced CTA block to all blog posts that you edit once in your footer and updates everywhere.
Navigation Item Custom Font Accent
Add decorative text with different fonts to specific navigation items using CSS pseudo-elements.
Gallery Caption Follows Cursor
Create interactive gallery captions that follow your cursor as you hover over images.
Typography Decorations with Pseudo-elements
Add decorative elements like gradient ovals or icons before and after text using CSS pseudo-elements.
Image Overlay Fade on Hover
Create an overlay that fades out on hover to reveal the image beneath.
Back to Top Button
Add a floating button that appears on scroll and smoothly returns visitors to the top of the page.
Split Slider Gallery Layout
Create a split-screen slideshow with image on one side and content captions on the other using CSS Flexbox.
Focus Gallery Reel Effect
Scale down inactive gallery reel images while highlighting the active slide with styled captions.
Fully Clickable List Items
Make entire list item cards clickable instead of just the button text using CSS pseudo-elements.
CSS Grid Edit Mode Fix
Keep sections editable in Squarespace when using CSS Grid layouts with this edit-mode-only fix.
Gradient Background Styling
Apply colorful CSS gradients to text blocks and sections with optional image borders and button styling.
Perfectly Circular Button
Create true circle buttons that maintain perfect proportions regardless of text length.
Accordion Columns Layout
Create two-column layouts within accordion dropdowns using CSS flexbox.
Exposed Mobile Navigation
Show full navigation links on mobile instead of the hamburger menu using CSS.
Accessible Text Size Switcher
Add a navigation dropdown that lets visitors adjust site-wide font sizes for better accessibility.
Section Reveal on Scroll
Create a dramatic effect where the first section reveals page content beneath it on scroll.
Numbered Accordion Counters
Add automatic 01, 02, 03 numbering to accordion items using CSS counters.
Split Section with Background Gallery
Create a split-screen layout with background image on one side and content with gallery on the other.
Split Layout Autoplaying Slideshow
Create a split-screen slideshow with image and caption side by side plus counters.