Loving the look of your 7.1 Masonry Gallery Section on desktop, but wish you could stack the slides on mobile? Well, it’s your lucky day! This snippet will help you tweak that aspect of your galleries in one quick copy/paste action. You’ll have the ability to decide at which breakpoint the stacking happens, and adjust the space between slides as well. Everything else will be taken care of automatically.

Not a fan of the native aspect ratio for Related Videos thumbnails in Squarespace 7.1? Kinda wish you could quickly adjust the titles under them too? Well, guess what? You’ll be able to have full control over both parts of that element with this one code snippet! Modify the font family, size, weight, alignment, color, etc of those related titles in a single swoop, and give the thumbnails whichever aspect ratio you prefer with a simple value change!

Give your project’s Auto Layout Carousel cards a subtle but dynamic hover effect with this snippet! In under 5 minutes, you’ll achieve a cool ripple effect behind the icons when hovering over the corresponding expanded button. Through the code, you’ll get to control the border styles, rounded corners, icon background and ripple color, icon size, title styles and button styles with ease, while still having the ability to use the section’s native options to adjust the spacing and font sizes to match your design.

Give your project’s Auto Layout Simple List cards a subtle but dynamic hover effect with this snippet! In under 5 minutes, you’ll achieve a cool ripple effect behind the icons when hovering over the corresponding expanded button. Through the code, you’ll get to control the border styles, rounded corners, icon background and ripple color, icon size, title styles and button styles with ease, while still having the ability to use the section’s native options to adjust the spacing and font sizes to match your design.

Spruce up your client project’s blog pages with this quick layout restructuring and styling snippet. It will automatically expand certain slides on your 3 or 4-column grid to make them more prominent, as well as give all the cards a clean yet versatile look that you can adjust to match your design. You’ll be able to tweak the colors of the cards, and the bubble-looking categories on the left-top corner of the thumbnails.

Sometimes you want to create a big impact on a client website by setting up somewhat of a splash screen at the top of the Homepage, without actually creating a cover page. This snippet will allow you to build that effect by hiding the navigation when the page loads, and displaying it under the first section only after the user has scrolled by that first banner. All you need is the copy/paste snippets in the corresponding areas and you’re good to go!