[SOLVED] Using Overlay Header Image and Dynamic Headers plugin
 

It seems there is a conflict because now my image links that I had over the header no longer show up since I installed the plug in. Everything else works fine as in I have the home page showing the header and another not showing it. The site is www.learnyourenglish.com

I have this in Style and edit HEADER AREA in Configure Header Area

<?php
if(function_exists('show_media_header')){
show_media_header();
}
?>

I have this in Header Image NEW Overlay Header Image

<div id="header_image_newfrontpage">
<ul>
<li><a href="http://learnyourenglish.com/?page_id=73">
<img src="<?php echo site_url(); ?>/wp-content/themes/atahualpa/images/TakeLessonsInBsAs.png" alt="Buenos Aires" /></a></li>
<li><a href="http://learnyourenglish.com/?page_id=18">
<img src="<?php echo site_url(); ?>/wp-content/themes/atahualpa/images/TakeLessonsInOnLine.png" alt="On Line" /></a></li>
</ul>
</div>

Thanks in advance! I really tried to hold off asking any questions on the forum as I am new to all this and wanted to wait until i was truly stumped and now I am.

What plugin did you install. Overlay feature is meant for use with the Atahualpa header images. If you are using a plugin to generate your header images you will have to devise another way to overlay buttons.

Dynamic Headers plugin. Can I use that code that I have in the Overlay section and put it somewhere else? If worse comes to worse I can just add the pics to the header image in photoshop and try to make the areas of the pics image links but that is whole nother can of worms and something else i do not know how to do. Unless you or someone else on here has another option. I cam across all this because I just wanted the header image on the home page only but still wanted my image links over it.

There are multiple ways to accomplish this but one that I think would be easiest is the Meteor Slides plugin along with using images with the title as part of it.

thanks for the responses and I will check that plugin but i figured out a faster solution. I split the image in photoshop and pasted the 2 images into the home page which looks fine in visual but on the page has space. I swear I went everywhere in atahualpa and took out all the padding. Can you look at the link above and see where I am missing something? You can see the space between the 2 pics.

it's because if the image styling at ato->Style IMAGES->Images in Posts

that's empty, does it need a negative value or something?

There is nothing in this box?

no, empty and saved

Try editing the style of the image.

• Click on the top image and then on the icon indicated here.
• Click on the Advanced Settings tab and then add the code as shown here.

I haven't test but this may work. Bottom line is that you need to get rid of the margins between the two images. You may also have to add a top-margin: 0px !important; to the bottom image.

tried both, did nothing

update. found out it works perfectly in IE but is split in mozilla and chrome

Ok... Try the following in ATO>Add HTML/CSS Inserts>CSS Inserts

oh man. Thanks so much that did it!