Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   [SOLVED] Links in Overlay Header Image not working? (http://forum.bytesforall.com/showthread.php?t=17424)

Fux Apr 27, 2012 07:24 AM

[SOLVED] Links in Overlay Header Image not working?
 
Hi,
I am using this code in the Overlay Header Image field:

HTML Code:

<div id="social_icons">
        <ul>
                <li><a href="https://www.url.com" target="_blank"><img src="http://www.mysite.com/ug_facebook_icon.png"></a></li>
        </ul>
</div>

The icon is displayed but the link is not. When I hover over the icon the same link is displayed that is used for the image (header image) behind it.

Since this is kind of precisely the code that is used in the example I have no clue why this won't work. Is it not possible to link the header image while at the same time overlaying it with icons linking to a different target?

Update: OK, that IS the reason. When I deactivate "Make header image clickable?" then the icon link works. So is there a way to get both links to work?

juggledad Apr 27, 2012 08:12 AM

It is probably the z-index, try this, add the following to CSS Inserts
HTML Code:

#social_icons {z-index: 99;}

Fux Jun 6, 2012 12:57 PM

Thank you, that fixed the problem.


All times are GMT -6. The time now is 04:06 PM.

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