I need my custom header on my homepage only! HELP!

[drwranger7]

I am trying to insert a new html layout on my homepage, but keep getting stuck on keeping it limited to my homepage. Currently it appears on every page. HELP!

Also, how do I eliminate the borders??

actionsportspics.smugmug.com

EDIT: I am using the custom header box. I tried using the bio box, but it did not like the html code i had conjured up.

[jfriend]

Simply surround the part you want only on the homepage with:

<div id="myHomePageHeader"> before it

and </div> after it.

Then use this CSS in your site-wide customization:

#myHomePageHeader {display:none;}
.homepage #myHomePageHeader {display:block;}

This hides everything in that <div> everywhere, then shows it only on the homepage.

[drwranger7]

Simply surround the part you want only on the homepage with:

<div id="myHomePageHeader"> before it

and </div> after it.

Then use this CSS in your site-wide customization:

#myHomePageHeader {display:none;}
.homepage #myHomePageHeader {display:block;}

This hides everything in that <div> everywhere, then shows it only on the homepage.

John,

That rocked everywhere except my "Order Photo" page. Any idea?

[jfriend]

John,

That rocked everywhere except my "Order Photo" page. Any idea?

That's a second copy of your homepage so it's behaving just like a homepage (I didn't know you had two copies of your homepage). It's tagged as both a homepage and a galleries page so you can do this:

#myHomePageHeader {display:none;}
.homepage #myHomePageHeader {display:block;}
.galleries #myHomePageHeader {display:none;}

Do you realize that your header has a bit of an issue if your window width is less than 1070 pixels (which is fairly large). Your right hand image wraps making the header look pretty funny.

[drwranger7]

That's a second copy of your homepage so it's behaving just like a homepage (I didn't know you had two copies of your homepage). It's tagged as both a homepage and a galleries page so you can do this:

#myHomePageHeader {display:none;}
.homepage #myHomePageHeader {display:block;}
.galleries #myHomePageHeader {display:none;}

Do you realize that your header has a bit of an issue if your window width is less than 1070 pixels (which is fairly large). Your right hand image wraps making the header look pretty funny.

I didn't know I had two copies either! That does fix the problem, but when you visit the 'Order Photo' page the 'homepage' appears and then disappears. Is there anything else I can do to try and avoid that from happening? To a customer it looks like a glitch.

How is the header now with the 1070?

[jfriend]

I didn't know I had two copies either! That does fix the problem, but when you visit the 'Order Photo' page the 'homepage' appears and then disappears. Is there anything else I can do to try and avoid that from happening? To a customer it looks like a glitch.

How is the header now with the 1070?

If you want to fix that flashing, see the second half of this post (http://www.dgrin.com/showpost.php?p=1002477&postcount=35) starting with the words "What I would suggest is the following:" where I helped someone else fix it.

The header is better now.

[drwranger7]

If you want to fix that flashing, see the second half of this post (http://www.dgrin.com/showpost.php?p=1002477&postcount=35) starting with the words "What I would suggest is the following:" where I helped someone else fix it.

The header is better now.

Bingo, bingo and bingo.

Thx for all of your help w/ that. It's great to have people like you helping out the tech-challenged like myself!