Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #67500

    Vikas R
    Participant

    Hi, I’m using a code from a World of Warcraft site called WoWHead that allows tooltips to popover when highlighting an item that is linked to WoWhead. The code can be found here and it is entered in the <head> portion of a post: http://www.wowhead.com/tooltips

    This is the script:

    <script type=”text/javascript” src=”http://static.wowhead.com/widgets/power.js”></script><script>var wowhead_tooltips = { “colorlinks”: true, “iconizelinks”: true, “renamelinks”: true }</script>

    My website: http://www.gamesportsrealm.com
    My stack: Icon (Demo 1)

    Example page to look at: http://www.gamesportsrealm.com/world-of-warcraft-cinematic-quest-guide/zuldrak/champion-anguish/

    PROBLEM: When I put my cursor over a WoWhead linked piece of text, it does not display correctly. This is what it looks like if I do it on my site – http://imgur.com/U79aacO

    This is what it’s supposed to look like – http://imgur.com/BYSqBDz

    For some reason, the background in the tooltips aren’t black/transparent, and the white text is probably not showing because the background of my site is also white (and forcing the tooltip background to be white at the same time). However, it shouldn’t be this way. The WowHead code works on other sites without issues. There is some setting on the X Theme that seems to have something already built-in with tooltips it seems. That’s just a theory on my part.

    PLEASE help me out with this. This is an extremely crucial part of my website. It has to be fixed at some point because these tooltips are the bread and butter of the guide I’m working on.

    #67897

    Christian
    Moderator

    Hey Vikas,

    Your site is password protected. Please give us the password to view your site.

    Thanks.

    #67907

    Vikas R
    Participant
    This reply has been marked as private.
    #68195

    Christian
    Moderator

    Hey Vikas,

    We got an Internal Server Error upon checking your site (see http://prntscr.com/42gp3o). Please check.

    Thanks.

    #68197

    Vikas R
    Participant

    Sorry about the error, it’s just an ongoing issue with iPage, who is doing the hosting. Let’s just say I’m not too impressed with them, or maybe it’s just the drawbacks of shared hosting.

    To get past the error you just have to refresh the page. 100% of the time it will load on the first refresh. However, that error is going to show up almost every other click. Again, I apologize for the technical difficulties. It would mean a LOT if I can figure out the problem behind this tooltip error though.

    #68437

    Kosher K
    Member

    Hi,

    Can you please try to add this code in Customizer -> Custom -> CSS

    table {
    	background-color: transparent !important;
    }

    Let us know how if it doesn’t works for you.

    Cheers

    #68493

    Vikas R
    Participant

    Thank you so much. It works perfectly now. I really hope you guys realize that you are the best. Seriously.

    #68767

    Kosher K
    Member

    Heh, Thanks for the kind words,

    Have a great day 🙂