Squarespace’s native gallery blocks are gorgeous and functional, but in some cases, one gallery layout might not be the perfect fit for all screen sizes. Maybe your desktop users would be great with a full-on slideshow but your mobile users would like a smaller carousel. Here’s where device-specific galleries can help.

Squarespace 7.1 comes with a gorgeous, slimmed-down interface for building galleries, but one thing that it doesn’t have built in is the ability to place a custom background image behind a gallery section. Originally, you can add colors in this way, but how about showing a full, rich image background behind your photos or slides?

In this tutorial, you'll discover how to add a full-width background image on a specific gallery section, no plugins or code blocks needed, with only a dead-simple CSS snippet.

Gallery Grid Layout by Squarespace is a great way to lay out the grid in a uniform multi-column style on Desktop. But on mobile, the two-column default view can feel a bit cramped, particularly with many portrait-oriented photos, artwork, or minimalist galleries.

Squarespace's Gallery Slideshow blocks look fantastic for images, but they don't always scale or maintain a full-width feel on mobile like they do on desktop. In order to keep the gallery slideshow full-width on mobile, you will need to add some custom CSS to the corresponding section.

Captions are a minor detail, but they serve a bigger purpose in web design. Whether you’re just giving credit to a photographer, providing more context, or telling a story, captions add clarity, access, and professionalism.

Using a full-screen Gallery Slideshow on your homepage is a powerful way to make a bold first impression. But many Squarespace 7.1 users struggle to control the placement and style of captions.

Fullscreen slideshow galleries are stunning on a desktop, but on a phone, they can cause more harm than good. Rather than inviting users in, large galleries bury content well below the fold, slow navigation to a crawl, and render captions unreadable at times.

Image carousels (also called sliders) are a classic approach for adding multiple images to a page in a small amount of space. ​Whether you’re showcasing products, developing a portfolio, or adding some narrative material to a site

In Squarespace 7.1, Gallery Grid blocks will typically show images across the page edge to edge and in full-width layouts. As bold as this aesthetic is, it can sometimes become constraining and claustrophobic, namely on a desktop.

If you are using the Gallery Reel layout from Squarespace and want to spruce up the designs of the navigation arrows to match your brand better, this is the guide for you.

When you're using portfolio pages or gallery sections across multiple pages in Squarespace 7.1, it's essential to ensure a consistent design and user experience. Whether you're a photographer, designer, or agency

Squarespace’s built-in gallery blocks are both beautiful and functional; however, there are times when a one-size gallery layout doesn’t fit all screen sizes.