RyanLorem
Member
Posted 4 months ago #
Problem theme is Prime Version: 2.0.1 by WPZOOM
DOM source shows the following. However, tooltip does not appear on mouseover.
<a href="http://site.url/wordpress/?glossary=messenger" title="Glossary: Messenger" onmouseover="tooltip.show('Somebody who delivers messages or small parcel.');" onmouseout="tooltip.hide();" class="glossaryLink">messenger</a>
The theme does call wp_head() in its header.php, as recommended in the readme file. Tooltip works great using other themes, Twenty Twelve Version: 1.1 and Venture Version: 1.0.2 by WPZOOM. No other plugins are installed.
Does anyone know where I should start looking for a solution?
http://wordpress.org/extend/plugins/enhanced-tooltipglossary/
RyanLorem
Member
Posted 4 months ago #
I'm working in a private sandbox area so I don't have a link to the site.
The script is being called in the head so the conflict lies elsewhere.
<script type='text/javascript' src='http://site.url/wordpress/wp-content/plugins/enhanced-tooltipglossary/tooltip.js?ver=3.5'></script>
RyanLorem
Member
Posted 4 months ago #
Solved: It was just a matter of setting a high z-index on the ID #tt in tooltip.css. I went ahead and did this with each ID in tooltip.css as well.
Doesn't get easier than that.
#tt {position:absolute; display:block; z-index:9001;}
#tttop {display:block; height:5px; margin-left:5px; z-index:9001;}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:white; z-index:9001;}
#ttbot {display:block; height:5px; margin-left:5px; z-index:9001;}
RyanLorem
Member
Posted 4 months ago #
