Here’s an easy way to style the pages separately.
You are going to give each page it’s own <body> id by replacing the body tag in the ‘header.php’ file of whatever template you are using.
Currently, the body tag of your header most likely looks like this:
<body<?php if ( is_home() ) { ?> id=”home”<?php } ?>>
You are going to replace the old one with something that looks like this:
<body <?php if (is_home()) { ?> id=”home”<?php } elseif (is_page(‘about’)) { ?> id=”about” <?php } elseif (is_page(‘contact’)) { ?> id=”contact” <?php } ?> >
Just replace ‘about’ and ‘contact’ with the titles of your own pages.
Now you can specify the different attributes of your various elements depending upon the id of the body.
Example
#home .nav {border-top:#ffffff;}
#about .nav {border-top:#000000;}
Hope this helps!
