Jump to content

Per Page Background for Products Page

Recommended Posts

  • Replies 5
  • Created
  • Last Reply

Hello! Try adding the following CSS to the Advanced tab on your page's settings. Then change the url to whatever the url is for your image. Here I used an image from one of your pages.

#outerWrapper {
   background-image: url("http://static1.squarespace.com/static/564bfe3fe4b0bbf08b77818c/t/564c16ace4b008db72f67e48/1447827118173/Broadway+in+the+studio?format=1500w");

Hope that helps!


Link to comment

Great! Glad that worked! The url for the image currently on the page is:


The way I use different images for page backgrounds is to upload the image as though you were adding a new page but add a link instead - just add the image to your "not linked" section of the website:


This method will let you upload an image as a file with a clean url. So if you upload an image named IMG8111.jpg, the url could be added in the code above as: url ("/s/IMG8111.jpg")

This method works great for when you want to change out images regularly or when you're adding custom code. Blah. Sorry for the long explanation. Hope that helps!


Link to comment


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

This topic is now 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.