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 a logo or text over the header image when using fade in/out


  #1  
Old Aug 6, 2012, 08:03 AM
juggledad's Avatar
juggledad
 
23,536 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Due to the way the fade in/out jscript code works, the 'Overlay Header Image' information will disappear almost immediately. But here is a trick to keep a logo, text or other image over the header image. The way it is done is give the 'wrapper' a 'position: relative;' then use add a div with your code into the 'Configure HEADER AREA' option and then position it.

For example
1) at ato->Style & edit HEADER AREA->Configure Header Area add the following just before the %image
HTML Code:
<div class="my_codeoverlay"><img src="http://yourdomain.com/wp-content/yourimage.jpg"  /></div>
or
HTML Code:
<div class="my_codeoverlay">This is teh text to show up</div>
then add the following to the CSS Inserts
HTML Code:
#wrapper {position: relative;}
div.my_codeoverlay  {
    left: 130px;
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 99;
}
you will want to play with the actual values to use
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How To: keep the blog title over the header image when using fade in/out juggledad Header 15 Mar 18, 2012 01:24 PM
Header image fade/rotation in 3.6.7 noozguy1 Header configuration & styling 2 Jul 21, 2011 11:11 AM
Header Image moves to right when I select new fade in/out 2BRetired Header configuration & styling 4 Mar 18, 2011 10:54 AM
Header Image Opacity with Fade in/out enabled? Zabaan New Versions, & Updating 1 Oct 17, 2010 03:53 AM


All times are GMT -6. The time now is 01:57 PM.


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