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 » Atahualpa 3 Wordpress theme » Header configuration & styling »

[SOLVED] Using the new overlay header image function


  #1  
Old Jul 18, 2012, 02:37 PM
Hopflys
 
29 posts · Jan 2011
Palo Alto, CA
Three related questions please:
(1) I cannot seem to get rid of the gap between the top of the header image and the top of the image called in the layout container style. I assume there is some padding lurking somewhere but I cannot find it.
(2) I have checked the box "show search box in header" but this does not appear. Maybe a conflict with the customization in (1) above?
(3) Could I add a widget area in the header image overlay code section to perhaps paste code for a Google Search box?

Thank you

David


Atahualpa 3.7.7
http://c.paloaltoairport.aero

Overlay code:
<div id="HDR-back">
<ul>
<li><a href="http://paaa.doublechase.com/blog.html"><img src="http://c.paloaltoairport.aero/wp-content/images/logoblog.png" alt="PAAA Logo" /></a>
</ul>
</div>
<div id="HDR-text">
<p><h2>Palo Alto Airport Association Blog</h2> <i>click logo to return to main site<i></p>
</div>

Additional CSS:
#HDR-back ul {list-style-type: none;}
#HDR-text {position: absolute; left:215px; top:2px;}

Body, Text, Link settings:
background: url(/wp-content/themes/atahualpa/images/KPAO_tile_a.png) repeat top left;
padding-top: 20px; padding-bottom: 20px;
text-family: tahoma, arial, sans-serif;
font-size: 0.8em;
color: #755656;

Layout Container Style:
background-image: url(/wp-content/themes/atahualpa/images/page-full-blog-bar-1.jpg);

Header Area:
%image
__________________
David R Hopkins
Palo Alto CA 94301
  #2  
Old Jul 18, 2012, 06:35 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
try in the css inserts (gotten from firebug in firefox)
HTML Code:
.codeoverlay ul {
    margin-top: 0;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jul 18, 2012, 08:23 PM
Hopflys
 
29 posts · Jan 2011
Palo Alto, CA
Perfect!
Thank you
__________________
David R Hopkins
Palo Alto CA 94301

Bookmarks



Similar Threads
Thread Thread Starter Forum Replies Last Post
Overlay text on Header Image Marvin Brown Header configuration & styling 4 Mar 26, 2012 08:48 AM
Can not get Overlay Header Image to work robtuk Header configuration & styling 1 Apr 12, 2011 02:07 PM
How to get logo image overlay with header image debeerj Header configuration & styling 1 Feb 2, 2010 06:23 AM


All times are GMT -6. The time now is 07:32 AM.


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