This simple CSS technique adds decorative borders and padding to images displayed in Squarespace's Instagram block. By targeting the grid slide margin wrapper, you can create uniform borders around each Instagram image with customizable color, width, and padding for a polished, framed appearance.

Build split-screen section designs where background images occupy a portion of the section width while content fills the remaining space, with overlay color extensions.

Create fixed-position vertical social links that float on the side of your Squarespace website for persistent visibility while visitors scroll.

Add a dynamic wavy animation effect to Squarespace's native scrolling block using JavaScript to animate the hitbox element and CSS for stroke outline styling.

Create futuristic testimonial cards with a holographic shimmer that makes social proof stand out on modern, tech-forward websites.

Add a pulsing green indicator that signals availability or live status, mimicking modern SaaS interfaces with a professional touch.

Transform Summary Blocks into elegant vertical timelines with connecting lines and milestone markers—no code blocks required.

Create a cinematic video presentation with your background video centered and framed within the section, surrounded by text overlays.

Make video blocks fill their containers completely and apply creative shape masks for unique video presentations.

Break free from the single-item mobile carousel limitation and display multiple list items side by side on smaller screens.

Transform Weglot's default language dropdown into a sleek inline switcher with language codes displayed side by side.

Add a sticky sidebar to your portfolio collection that displays custom content alongside your project grid for enhanced navigation.

Create a playful side navigation with colored labels that slide out on hover, providing quick section jumps with visual personality.

Create a dramatic split-screen effect where one half stays fixed while the other scrolls, perfect for showcasing imagery alongside content.

Simplify your newsletter signup by hiding the last name field while keeping the form functional behind the scenes.

Keep your course navigation always visible with a permanent sidebar that displays lessons and progress indicators for better student experience.

Add elegant decorative lines to split sections using CSS pseudo-elements for sophisticated layouts without additional elements.

Create dramatic fullscreen slideshows with large typography overlaid on images using CSS positioning and clamp() responsive sizing.