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

[SOLVED] Using the new overlay header image function


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

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Jul 18, 2012, 02:37 PM
Hopflys
 
20 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
 
20,147 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
try in the css inserts (gotten from firebug in firefox)
HTML Code:
.codeoverlay ul {
    margin-top: 0;
}
  #3  
Old Jul 18, 2012, 08:23 PM
Hopflys
 
20 posts · Jan 2011
Palo Alto, CA
Perfect!
Thank you
__________________
David R Hopkins
Palo Alto CA 94301

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


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 06:13 AM.


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