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.
Highlight Active Blog Category
Automatically style the currently active category in your blog archive block with custom colors and backgrounds using JavaScript class detection.
Stylish Carousel Summary Block
Transform your carousel summary blocks with visible overflow, rounded thumbnail borders, and repositioned navigation arrows for a polished editorial look.
Instagram and Gallery Block Marquee
Transform Instagram or grid gallery blocks into smooth, infinitely scrolling horizontal marquees using CSS keyframes and optional lazy-load fixes.
Custom Header Social Link Icon
Replace any header social icon with a custom image using CSS pseudo-elements and attribute selectors for both desktop and mobile navigation.
Style Blog List Items by Tag or Category
Apply unique styling to blog list items based on their tags or categories - add colored backgrounds, decorative graphics, or custom layouts to posts on the blog listing page.
Announcement Bar Scrolling Marquee
Transform your announcement bar into a smooth, continuously scrolling marquee with optional custom graphics between text repetitions.
Product and Blog Subtitles with Pipe Character
Add styled subtitles to products and blog posts by simply typing a pipe character in your title—no extra fields needed.
Fluid Section Full Width
Make Fluid Engine sections extend edge-to-edge by overriding the site's maximum width and gutter constraints for true full-bleed layouts.
Portfolio Grid Border Overlay on Hover
Add animated border overlays that expand inward when hovering over portfolio grid items. Each item can have its own unique border color.
Gallery Image Overlay with Caption on Hover
Add colored overlays and centered captions that fade in when hovering over stacked gallery images in Fluid Engine sections.
Custom Read More Link Text
Replace the default 'Read More →' text in summary blocks with custom wording like 'View Project' or 'Learn More' using CSS.
Accessibility Alt Text for Background Images
Automatically add descriptive alt text to section background images for improved accessibility and screen reader support.
Split and Sticky Section Layout
Create side-by-side sections where one stays pinned in view while the other scrolls — perfect for immersive storytelling and product showcases.
Link Underline Grow Animation
Add an animated underline that grows from center to full width on link hover.
Custom Hamburger Menu Icon
Replace default burger icon with custom images for open and closed states.
Film Grain Texture Overlay
Add authentic film grain animation to any image or section using CSS keyframes and a base64-encoded noise texture—no external files needed.
Stylized Reel Gallery Captions
Create custom-styled captions and navigation for Reel Gallery sections.
Fixed Sticky Sidebar Button
Keep a call-to-action button visible on the side of the screen as users scroll.
FAQ Reveal Side-by-Side
Questions on the left, answers on the right - create an interactive two-column FAQ layout that's easier to scan and more engaging to use.
Category Dropdown from Markdown
Create a collapsible dropdown menu from markdown headings with click-to-expand functionality.

