How to Change the Gallery List Background in PhotoShelter

PhotoShelter provides an online portfolio for photographers, allowing them to build websites to showcase their work with little technical background. The background for the PhotoShelter gallery list view is inherited from the basic site background. You can change the gallery list background, but it also changes the overall site background. Because PhotoShelter does not include a template color or background selector, you'll have to override the default CSS to change the gallery list background.

Instructions

1. Sign into your Photoshelter account control panel.

2. Click on "My Website," and then click on "Customize."

3. Browse through the available themes and try to find one with a background you like. If you can't find one, or if you'd prefer to keep your current theme and simply change the background, proceed to edit the CSS.

4. Click on "Customize CSS (Advanced)."

5. Type or paste the following:

   #content {
   background: #000000;
   }

   Change the background HTML color code from "000000" to the desired color. If you aren't familiar with HTML color codes, refer to an HTML color chart.

6. Set a background image instead of a color, if desired. To set a background image, use the following code:

   #content {
   background-image:url('image-url');
   }

   Replace image-url with the URL of the desired background image, leaving the single quotation marks in place.

7. Click on "Save Changes," and then click "View Site" to view the new gallery list background.

Resources

• PhotoShelter.com
• Computer Hope: HTML Color Codes