Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » FAQ - Atahualpa » Header »

How To: keep the blog title over the header image when using fade in/out

Prev Previous Post   Next Post Next
Old Jan 11, 2012, 02:27 PM
juggledad's Avatar
23,739 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
How To: keep the blog title over the header image when using fade in/out

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
HTML Code:
#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.
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Sep 8, 2014 at 12:14 PM.


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
How to create more space between the blog title and the header image? strikers041 Header configuration & styling 3 Nov 20, 2010 04:01 AM
How to control blog title over header image joe hark Header configuration & styling 2 Nov 17, 2010 05:12 AM
Fade in/out header Overlayed Blog Title/Tagline Style jj001 Header configuration & styling 1 Sep 5, 2010 06:50 PM
Header image between Blog Title/Sub Title and search box bseppa Header configuration & styling 1 Mar 15, 2009 02:39 PM

All times are GMT -6. The time now is 11:50 PM.

Powered by vBulletin® Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.