Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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,765 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 04:49 AM.


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