Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
 
Prev Previous Post   Next Post Next
  #1  
Old Jan 11, 2012, 03:27 PM
juggledad's Avatar
juggledad
 
22,382 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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 01:14 PM.
 

Bookmarks

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 05:01 AM
How to control blog title over header image joe hark Header configuration & styling 2 Nov 17, 2010 06:12 AM
Fade in/out header Overlayed Blog Title/Tagline Style jj001 Header configuration & styling 1 Sep 5, 2010 07:50 PM
Header image between Blog Title/Sub Title and search box bseppa Header configuration & styling 1 Mar 15, 2009 03:39 PM


All times are GMT -6. The time now is 05:53 PM.


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