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.
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.
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.