[Plugin: EnhancedTooltipGlossary] Tooltip Does Not Work with Theme

  • Resolved RyanLorem

    (@ryanlorem)


    11 years, 11 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="https://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?

    https://www.ads-software.com/extend/plugins/enhanced-tooltipglossary/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter RyanLorem

    (@ryanlorem)

    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='https://site.url/wordpress/wp-content/plugins/enhanced-tooltipglossary/tooltip.js?ver=3.5'></script>

    Thread Starter RyanLorem

    (@ryanlorem)

    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;}
    Thread Starter RyanLorem

    (@ryanlorem)

    Marking as solved…

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Plugin: EnhancedTooltipGlossary] Tooltip Does Not Work with Theme’ is closed to new replies.