This is a quick trick I picked up to guarantee that any css changes you make only affect what you want.
There are different ways to identify the page you need to change. I tend to use url as it's always unique. Here's how:
Locate the template.php file for the theme your working on and add something like this to the page_preprocess function
- function your_theme_preprocess_page(&$vars) {
- // Add a custom body class for specifc page
- if ($_REQUEST['q'] == 'example/page/new-body-class') {
- $vars['body_classes'] .= ' custom-body-class-name ';
- }
- // Another way to specify a body class
- if ($node->title == 'name of node for specific body class') {
- $vars['body_classes'] .= ' another-custom-body-class ';
- }
Once you've done this, clear caches. Now you can just add 'body.custom-class-name' before any new css that you create:
- body.custom-class-name .node {
- background: url('different-image/url');
- }
You have just learned to practice safe css that won't affect any other page except the one you want.