How to change header on a page

[londonva]

Hi I'd like to show a different header on a page http://blogdesign4u.com ie Gym page.

I've read the tutorial http://chasesagum.com/different-header- ... -wordpress

Which suggest locate your header.php file and located the <div> for your header. Replace it with this code:

<?php if (is_front_page()) { ?>
<div id=”header”> <!– This is the Header id that you want on your Front Page” –>
<?php } else { ?>
<div id=”<?php echo $post->post_name; ?>”> <!– An alternative header is defined, based on the page title –>
<?php } ?>

I replaced this code but it changed my header to the default text header, so I reverted back to my header.

And then the tutorial recommends this

Now you define each “header” div in your style.css file. The name of the <div> is associated with each static page title. So for example, if you have an About page your div would be #about in your CSS file

I came unstuck here as I don't really know what to change here within the style.css. Hope someone can share an easy way to do this.

Many Thanks :)

Many Thanks in advance