How to have a the same image as the background perminantly - Squarespace 7.1

Step 1:

Go to Custom CSS and copy the below code into the CSS editor

Step 2:

Within Custom CSS - click on “Custom Files” and Upload your background image here

Step 3:

Now click on that file / image and it’ll give you a static URL.

Step 4:

Now take that URL and replace the “Background Image” link that you see within this code - on line 3 - within the quote marks.

——

Note:

Don’t add any background images to any sections - leave this blank to let the image kick through.

Want to see a live demo of this, check out Melody of War website we built.

//SINGLE BACKGROUND IMAGE
  body::before {
    background-image: url('ADD YOUR IMAGE LINK HERE');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    height: 100%;
    position: fixed;
    opacity: 1;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -10;
  }
  
    .page-section,
  .page-section .section-background, .section-border {
    background-color: hsla(0, 0%, 0%, 0) !important;
  }