Different backgrounds on pages of my site - how to?

Hi all I am pretty new with Squarespace so my question might sound a bit trivial. I am using Avenue template, my site is not live yet but I hope you can see it here. My problem is I choosed to have an image as background but my intention was to set it ONLY for the home page, while I'd rather keep a white background for all other website pages. Then I found out that's not possible by default (...) here on Squarespace but I figure there should be a way to change the CSS to make things the way I need. Hope somebody else has gone trough this already and solved it someway! Thanks


asked Sep 24 '13 at 09:24 by fabthi 111


I am using the Aviator theme, so I believe this will work the same by can’t be certain. I am only trying to help.

You can use the CSS function to add specific background image (including those that are image squares of solid colors – so a white square in your case) to any page in the site.

Click on the Paintbrush icon in preview mode, and then click on CSS. You can then add custom CSS pointing to an image like this on any page:

#collection-0a0a0a0a0a0a0a0a0a #outerWrapper {
   background-image: url('http://yourdomainwitpic.com/images/white.jpg');

Or, alternatively, something like this:

#collection-0a0a0a0a0a0a0a0a0a {color: #FFFFFF; background-image:url('http://yourdomainwitpic.com/images/white.jpg');


The collection value can be found by viewing the source code for your page, and then copying it from the BODY tag. Each page has a unique collection value.

In the above code example, the domain can point to an image hosting service if you use one. You can even use Flickr and add a picture of a white square you make with Photoshop and that will work too.

answered Sep 24 '13 at 16:34 by vitiator 113


Thanks for kind help vitiator. Having played for a while with SmuMug CSS, this seems rather complicate; you mean I have to upload a white background image to an external site and then link it to the code I will add to the css, right? I don't have Flickr, will ImageShack do as well? Also, once I accessed the CSS editor I found out there's a blank field wher to insert my modification but there's no ORIGINAL Css code available to save and restore in case of troubles.


(Sep 25 '13 at 05:22) fabthi fabthi's gravatar image

I tried the second code and it works!!! I used ImageShack to host the white background image. Thanks!

answered Sep 25 '13 at 10:00 by fabthi 111

Your Answer
toggle preview

Follow This Question

Once you sign in you will be able to subscribe for any updates here

Markdown Basics

  • *italic* or __italic__
  • **bold** or __bold__
  • link:[text](http://url.com/ "title")
  • image?![alt text](/path/img.jpg "title")
  • numbered list: 1. Foo 2. Bar
  • to add a line break simply add two spaces to where you would like the new line to be.
  • basic HTML tags are also supported



Asked: Sep 24 '13 at 09:24

Seen: 5,132 times

Last updated: Sep 25 '13 at 10:00

Established 2004 Handmade in NYC