How to add a full background image to Squarespace - including the header & footer!

Описание: Background images are a powerful design tool, adding personality, depth, and visual interest to your Squarespace website. In this tutorial, you'll learn two ways to add captivating background images to your Squarespace pages.

Here are some chapter markers in case you want to jump ahead:
00:35 How to add a page section background to Sparespace: Learn how to utilize Squarespace's page section backgrounds to add beautiful images behind specific content areas. (It's easier than you think!)
01:03 how to set the focal point for your background image: an overlooked feature, the focal point is essential for mobile design!
02:45 how to add a full page background image: For an even more impactful look, delve into the world of custom CSS code and discover how to create a background image that spans your entire website, including the header and footer. Here is the code you'll need for that part of the tutorial:
.site-wrapper {
background-image:url(url-here);
background-size: contain
}
.page-section .section-border, .page-section .section-background{
background:transparent!important;
background-color:transparent!important
}

The term "Squarespace" is a trademark of Squarespace, Inc. This video was not approved or endorsed by Squarespace, Inc. I just really love their platform ♥