NOTE: this is no longer needed as of version 3.7.18)

(Thanks to lmilesw for this tip)
Due to the way the fade in/out jscript code works, the blog title and tag line will disappear almost immediately. But here is a trick to keep the blog title over the header image. The way it is done is give the 'wrapper' a 'position: relative;' then use the %logo and position it.

1) Normally to cause the blog title to overlay the header image you go to ATO->Header Image->Overlay Blog TITLE over Header Image(s)? and set it to YES. (same thing for the tabline). In this case set it to 'NO'

2) Go to 'ATO->Style & edit HEADER AREA->Configure Header Area', enter '%logo' right before %image.

3) go to 'ATO->Style & edit HEADER AREA->Show Logo Image?' and blank it out.

4) go to 'ATO->Style & edit HEADER AREA->Show Blog Title?' and set it to yes.

5) go to 'ATO->Style & edit HEADER AREA->Show Blog Tagline?' and set it to yes.

6) finally add the following to ATO->Add HTML/CSS Inserts->CSS Inserts

#wrapper {position: relative;}
table#logoarea {
    border-spacing: 0;
    left: 30px;
    position: absolute;
    top: 34px;
    width: 100%;
    z-index: 99;
}

you will want to play with the numbers to get it where you want it.

And that's it! - Don't forget to thank Larry if you use this.

You're going to earn a donation, yet, fella! (When I've got this site up and running...believe it!)

This is close, but not quite what I need. I see it conceptually, but unfortunately, I don't want WP to create my title, I want to use a transparent PNG to overlay the rotating images. I've got the "logo" on top of the header, so I can't use that wrapper.

Can you use the "overlay header image" option in a similar manner? (I got my png to work right on the first image using this code:

<div id="header_title">
<img src="/TheCaptainAndLime/wp-content/themes/atahualpa/images/HotNTitle.png">
</div>

but then it disappears.)

I'm going to go ahead and switch the site over to Atahualpa...it's usable right now, just not how I want it, yet (basically, I've got the title incorporated into the images, which is what I'd like to get rid of.

http://www.janefancher.com/TheCaptainAndLime/

Thanks!

put the code

<div id="header_title"> 
<img src="http://www.janefancher.com/TheCaptainAndLime/wp-content/themes/atahualpa/images/HotNTitle.png">
</div>

before the %logo then use

div#header_title {
    border-spacing: 0;
    left: 30px;
    position: absolute;
    top: 34px;
    width: 100%;
    z-index: 99;
}

change the numbers to match what you want

Thou art brilliant! Worked like a charm. I'll get my background layers saved without the title, and it'll be just what I want!

Question: Does the "z-index" attribute put it above all other layers? i.e. is that what puts the div box on top of the headers?

Thanks again, and you'd better believe I'm sending a donation. Wish it c/b more, but know you've been incredibly helpful (and I'm sure I'll be back...sigh. :D)

Yes the z-index controls what layer of the stack an element shows. The higher the number the more on top it is

Yipes! Suddenly my site is showing white behind the menus and in an edge around the body. I don't remember changing anything. It s/b black. I have background: #000000; as my body default, but that doesn't seem to change anything (I tried changing the color on that and it didn't change anything on the page. I also tried background-color, but that didn't do anything either.)

Anyway: site is: http://www.janefancher.com/TheCaptainAndLime/

also, oh wise one, I'm probably asking the impossible, but is there anyway to link the overlay title png to the header images table cell? When you squeeze the table and the menu tabs go to two lines, the absolute positioning screws up the relative position of the header image and the title image.

Thanks as always!