How To: keep a logo or text over the header image when using fade in/out
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> HTML Code:
<div class="my_codeoverlay">This is teh text to show up</div> HTML Code:
#wrapper {position: relative;} |
All times are GMT -6. The time now is 11:32 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.