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.

Squarespace 7.1 utilizes a robust video framework called Plyr.js for the insertion and control of video blocks. It comes with this standard-centered play button overlay that’s all fine and good for most designs.

Squarespace provides an elegant way to include video as part of your pages, but it seems there is an odd issue - many people find their YouTube videos not flashing up, showing up as blank, or just not appearing at all. If you are experiencing this, you’re not alone.

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.

Banner video: A bold new way to introduce yourself, whether you are on desktop, cinematic, eye-catching, and immersive. But on mobile, they are often a burden. And the slow load times, inconsistent autoplay, and data consumption that’s a heavy load to the user, leave mobile visitors a little more frustrated than flattered.

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.

In the contemporary world of web design, minimalism meets movement. The “Hover: Background” layout for Portfolio pages is one of the most visually striking features available in Squarespace 7.1.

If you’ve slapped a graphic on your Squarespace site and, for some reason, it seems to display with a color overlay (typically when it should be white, transparent, or clean), you’re not the only one.

Videos are an incredible tool for engaging your audience—whether you’re telling a personal story or showing off a cool new product on the homepage. But when you insert a video block in Squarespace 7.1

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.

It’s easy to add video content with Squarespace's built-in video blocks and background video features. But people searching for how to change the aspect ratio of a video player, especially on Squarespace-hosted videos, tend to run into a wall