[SOLVED] Linkable header image while using fade effects?
 

OK, I've set up a site and set the Atahualpa option for making the header image clickable to yes, I've placed images in the header image folder and I set it to display the images for 5 seconds each. If I then try to add in the option to have the images fade from one to the other, the header image is no longer clickable. Is this supposed to happen, and is there a way to fix it?

I'm using version 3.5.3 of the theme. Thanks for any help!

Brian

The fading header does indeed "break" some functionality. Overlaying the blog title and tagline over the header is another feature that breaks if you turn on fading.

Thanks for pointing this out.
Just discovered that the header images set to fade makes the overlayed title/tagline disappear - I'd like to add this on my wish list
Keep up your good work, guys!

What I did on this site is wrap a hyperlinked image in a div in the same box with %image and %pages and positioned it with CSS. You don't HAVE to use the title and tagline that WordPress gives you.

Could you possibly post the code for what you have in the "%image" field and the css for what you did on your site? I've tried it but I can't seem to get it to work. I'm sure I've missed something, I'm not a skilled coder! Thanks.

On that site here is what I have in "Configure Header Area"

And here is what I have for that div in CSS Inserts

Thanks!
I missed the z-index part.

I tried again with my own info plugged in but the image still ends up under the header image, not on top.... I'm using version 3.6.4.

What is the code you have in the Configure Header Area box?

Sorry for the late reply. This is what I have in the Configure Header area:

%page-center %bar1 %image <div class="image-box"><a href="http://www.medpointfitness.ca/">
<img border="0" alt="contact" src="http://www.medpointfitness.ca/wp-content/themes/atahualpa364/images/blankbox.gif" width="900" height="150" />
</a></div>
%bar2

and in the Add CSS area:

.image-box {
position: relative;
top: -50px;
left: 10px;
z-index: 40;
height:150px;
}

Set the height between 0px and 10px.

Sorry, it doesn't work for me. Still ends up below the header image. Darn :( Thanks for your help tho.

Would you mind if I logged into your site to look. If not send me a PM with the logn info.

lmilesw:
Thanks for your response, from which I, as well as probably many others have benefitted. I will in return give to support such helpfulness, as well as the awesome theme by BFA.

I tried using the same procedure as described in #6 in this thread (using the same codelines just changed image and site URL), but my logo ends up under the header images http://test.makoni.dk.

Can anyone tell me what the problem is?

Regards
HelgeLarsen

I don't see the CSS for the image. Did you put the CSS in ATO>Add HTML/CSS Inserts>CSS Inserts?

I had the style in ATO>Style & edit HEADER Area>Logo Area: Styling, but after moving the style commands to the correct place it seems to work.
Now I just need some ajustment to the placement.

Thanks.

Regards
HelgeLarsen