Jump to content

Change Background for One Page Only

Recommended Posts

  • Replies 3
  • Views 368
  • Created
  • Last Reply
  • 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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • 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.