Different background image for different pages on a site?


  • Question

How do I give certain pages of my site a different background image than the home page?
Thanks for any advice you can provide!


Use the CSS Injector (Configuration -> Development -> CSS Injector) to create CSS rules to do this. If you inspect your page source, you'll see that Drupal applies classes to the <body> tag that help describe the current page. The details will depend on how you've set up your specific site, and how you want to assign images, but once you identify the appropriate selector for your situation, you can then create a CSS rule that applies a background-image property.

Check out the code behind http://childcare.mit.edu to see an example of section-specific images.