Per Page Background for Products Page

I'd like to make the background image to my commece/product page different from my normal page. I was told by adding some custom CSS coding this is possible. However, I know very little to coding. Could someone please help me with this. www.iambroadway.com.

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.

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

Hope that helps!

M

Hey! Thank you so much! That Actually worked, only thing now is how do I find the URL to the image I used for 'The Clear Brand Store'?

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

http://static1.squarespace.com/static/564bfe3fe4b0bbf08b77818c/5652cf4ae4b085e3bb913347/5652d1d6e4b093974a1319b7/1448268254166/IMG_8111.jpg

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:

https://support.squarespace.com/hc/en-us/articles/205814758-Using-links-in-your-navigation

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!

M

It worked!!!!

Hooray! So glad it worked out.

M