Jump to content

Change Background for One Page Only

Recommended Posts

  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...

@tuanphan i also need your assistance with this! I'm trying to add this background image on just the first page. 

My site: https://mango-harmonica-5r95.squarespace.com/aboutme

The background img I'm trying to add: backgroundshape_png.png 

The code I tried: 

#collection-5f603ea84986ef4676be98e6
{
  #outerwrapper {
    background-image: url ("https://static1.squarespace.com/static/5f603d4e4b828967694aafaa/t/5f726ba250082d6ceeee7293/1601334178675/backgroundshape_png.png");
   background-position: center center;
   background-size: cover;
   background-attachment: fixed;
   background-repeat: repeat;
   }

 

Nothing shows up. I also tried to upload the background img as a svg and that didn't work. 

 

Link to comment

Add to Page Settings > Advanced > Header

If you use Personal Plan > Edit Page > Add Code Block > Paste the code

If the code doesn't work, disable Ajax Loading

<style>
  .Site, .Site-inner, main.Index, section, header.Header, footer.Footer, body {
    background-color: transparent !important;
}
  body {
    background-image: url(https://static1.squarespace.com/static/5f603d4e4b828967694aafaa/t/5f726ba250082d6ceeee7293/1601334178675/backgroundshape_png.png);
    background-color: transparent !important;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.