Archived

This topic is now archived and is closed to further replies.

  • 0

Tooltip position


Question

Posted · Report post

I am using the bootstrap tooltip shortcode on my site and having trouble with the positioning in safari and google chrome...

http://mediplay.yodro.com/sign-up/

*If you hover over the icons you will see the tooltip...

The issue does not appear in Firefox or IE - Does anyone know how to correct this issue? Any help would be appreciated.

Thanks!

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Hi,

As far as I know, you're not able to use the tooltip shortcode with images due to position issues. However, if you provide the code you're using, I can take a closer look for you.

Share this post


Link to post
Share on other sites

Posted · Report post

Awesome! Here is a piece of the code I'm using:


<div id="mp-sign-up-provide-icon">[pl_tooltip tip="NO PLASMAS! Choose an LED or LCD display with HDMI input, minimum 720p resolution."]<img class="alignnone" title="Compatible HD Monitor" src="http://mediplay.yodro.com/wp-content/themes/mediplay/images/compatible-monitor-UP-94x80.png" alt="" width="94" height="80" />[/pl_tooltip]</div>

Do you know if using Bearded Avenger's Bad Ass Shortcodes would do the trick? It looks like he has the tooltip working in a similar fashion on his page:

http://bearded-aveng...ass-shortcodes/

*hover images in the sidebar:

GetGlue Shortcode – Checkins

GetGlue Shortcode – Stickers

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

Unfortunately, I am unable to get this to work. Therefore, I recommend you give Bad Add Shortcodes a try and see if that works.

Share this post


Link to post
Share on other sites