Tooltips displaying behind objects.

  • Resolved tonypstephens

    (@tonypstephens)


    10 years, 2 months ago

    Hi there,

    I love this product! I’m hoping to buy the Pro once I complete the contruction of my English web site, but I’ve run into a snag.

    I’m using WordPress 4.4.1 running BiscayaLite theme. And when I use Tooltipy to display word definitions,they are popping up behind the post.

    The page that gives the best example is below.

    http://myenglishadvisor.com/wp/its-ok-to-use-chinese/

    If you mouse over the word “create” in the last paragraph you can just see the edge of the Tooltip appear behind the post. I’ve tried Opera, Chrome and Firefox – all produce the same errors.

    Thanks in advance and keep up the good work, this is a really cool plug-in especially for helping language learners.

    Tony.

    https://wordpress.org/plugins/bluet-keywords-tooltip-generator/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Jamel.Z

    (@lebleut)

    10 years, 2 months ago

    Hi Tony,
    I’m trying to help but your site is unreachable, please make sure you gave me the good url.

    Thread Starter tonypstephens

    (@tonypstephens)

    10 years, 2 months ago

    Sorry Jamel, I screwed up my name server settings whilst on the bus. TIP: “don’t code and commute”. They’re back to normal now – sorry for the inconvenience.

    Plugin Author Jamel.Z

    (@lebleut)

    10 years, 2 months ago

    Hi again,
    Ok the problem here is that your theme uses a very high level of “z-index” for the container “10000”, so all what you have to do here is to add this CSS code somewhere to your theme :

    .tooltipy-pop {
    z-index: 100000;
}

    Thread Starter tonypstephens

    (@tonypstephens)

    10 years, 2 months ago

    Hey there Jamel,

    That’s great I got it sorted. I tried increasing the z-index of .tooltipy-pop to 100000 but it didn’t work. So I eneded up dropping the z-index of the .boxedcontent to 5000 and giving .tooltipy-pop 10000. Seems to have worked.

    Thanks Jamel.
    Tony

    .tooltipy-pop {
	z-index: 10000;
}
.boxedcontent {
	background:#fff;
	z-index:5000;
	position: relative;
	width: 99.984%;
}
Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Tooltips displaying behind objects.’ is closed to new replies.

Tags