How do I give certain pages of my site a different background image than the home page?
Thanks for any advice you can provide!
Category:
- Question
12/5/13
Service Sunset
With the launch of the MIT Sites service, Drupal Cloud is being phased out. Effective January 2, 2024, no new Drupal Cloud sites will be created. Students, faculty, and staff are invited to visit sites.mit.edu to create a new MIT website.
csgiles@mit.edu
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.
12/9/13