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.
Border Effect for Image Shapes
Add visible borders or glow outlines to shaped images, enhancing custom image masks with defined edges.
Vertical Scroll Gallery Reel on Mobile
Transform horizontal gallery reels into vertical scrolling layouts on mobile devices for better touch navigation and user experience.
See-Through Sticky Text Overlay
Create a transparent text stroke effect that reveals content behind it as users scroll. Text stays fixed while images flow underneath.
Custom Shape Block Line Accents
Transform standard shape blocks into custom decorative line patterns using CSS masks. Create unique section dividers that match your brand.
Tablet View Layout Control
Override Fluid Engine's default tablet behavior to create custom grid arrangements optimized specifically for iPad and tablet screen sizes.
Rotating Words Animation CSS-Only
Create animated text that cycles through multiple words using pure CSS. No JavaScript needed for smooth fade and slide transitions.
Template (Copy)
Convert Summary Blocks into sleek horizontal tabbed interfaces. Visitors switch between content panels with hover or click interactions.
Stacked Side Summary Tabs
Create side-by-side tab navigation where vertical labels on one side reveal content panels on the other. Perfect for portfolio and service showcases.
Header Scroll Effect on Homepage
Create a header that scrolls with your homepage content, appearing after the first section for a dramatic reveal effect.
Styled Navigation Text
Create multi-colored or multi-styled navigation text by splitting labels into independently styled segments.
Balanced Header Layout
Create a symmetrical header with centered logo and navigation distributed evenly on both sides, featuring dot indicators for active states.
Better Mobile Menu on Desktop
Display the slide-out mobile menu on desktop screens with enhanced folder hover states and side panel styling.
Remove Decimal Places from Prices
Display clean, whole-number pricing by automatically removing decimal places from all product prices.
Attach Product Additional Info to Description
Move the Product Additional Info section to appear within the product description area for a cohesive layout.
Product Gallery Dot Navigation
Replace product gallery thumbnails with sleek dot indicators that highlight the current image.
Display Tags on Product Pages
Show product tags as clickable badges on detail pages that filter the shop when clicked.
Hide Cart Until Item Added
Show the cart icon only after customers add items, keeping the header clean when the cart is empty.
Simple Product Quiz
Create an interactive quiz that guides customers to the right product based on their answers.
Blog Post Full-Width Banner
Create a magazine-style full-width banner image at the top of your blog posts using a keyword trigger.
Sticky Scrolling Blog Layout
Create a split-screen blog layout with sticky images that stay fixed while content scrolls alongside.

