Title: [Plugin: WordPress Tooltip] Tooltip Position
Last modified: August 20, 2016

---

# [Plugin: WordPress Tooltip] Tooltip Position

 *  [StellarBytes](https://wordpress.org/support/users/stellarbytes/)
 * (@stellarbytes)
 * [14 years, 9 months ago](https://wordpress.org/support/topic/plugin-wordpress-tooltip-tooltip-position/)
 * Hey
 * I have enabled the ‘WordPress ToolTip’ plugin and have used the following code
   to generate a tooltip over an image link in the footer of my site:
 * [code]a href="#" class="wp-tooltip" title="Visit our online shop for special 
   offers"><img src="images/shop-logo.gif" alt="Shop Online" /></a[/code]
 * Note: Removed the first < and final > from code above because the code seems 
   to get stripped out in this forum.
 * This displays the tooltip when the image is hovered over, but the tooltip ‘arrow’(
   at the bottom of the tooltip) is in line with the bottom of the image. Using 
   Firebug, I’ve tried to pull this apart and see where the CSS is being applied,
   to make the tooltip ‘pop up’ above the image, not covering the image. From [here](https://drew.tenderapp.com/kb/tiptip-jquery-plugin/how-it-works)
   I gather I have to apply ‘tip_top’ class – Firebug shows this class is enabled
   on the ‘tiptip_holder’ div.
 * Is this a case of not being able to see the wood for the trees?
 * Thanks
 * [http://wordpress.org/extend/plugins/wp-tooltip/](http://wordpress.org/extend/plugins/wp-tooltip/)

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Thread Starter [StellarBytes](https://wordpress.org/support/users/stellarbytes/)
 * (@stellarbytes)
 * [14 years, 9 months ago](https://wordpress.org/support/topic/plugin-wordpress-tooltip-tooltip-position/#post-2162823)
 * DOH!
 * Open tipTip.css
 * Find:
 *     ```
       #tiptip_holder {
       	display: none;
       	position: absolute;
       	top: 0;
       	left: 0;
       	z-index: 99999;
       }
       ```
   
 * Edit line:
    `top: 0;` To: `top: 10px;` Increase the value (eg. 10px > 100px) 
   to increase the height value between your text, image, etc and the tooltip itself.
 * Top Tip: (No puns intended) Don’t work on the same issue for hours, go take out
   your frustrations by trying to replace your car wiper blades before realising
   the garage gave you the wrong ones!! Come back, then you’ll find the problem 
   yourself in 30 seconds.
 *  [jdev](https://wordpress.org/support/users/jdev/)
 * (@jdev)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/plugin-wordpress-tooltip-tooltip-position/#post-2163136)
 * How about the width? How can I change that?
 *  [dipaksaraf](https://wordpress.org/support/users/dipaksaraf/)
 * (@dipaksaraf)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/plugin-wordpress-tooltip-tooltip-position/#post-2163144)
 * HEllo
 * I am trying to integrate the tooltip on imagemap and when the user will hover
   over a particular area the content will be displayed.
 * It is working perfectly in FF, though i have tweaked the tipTip.css in order 
   to position the tip, but it seems to be not working on IE. Please suggest how
   to resolve this issue.
 * Thanks
    Dipak
 *  [TF28](https://wordpress.org/support/users/tf28/)
 * (@tf28)
 * [14 years, 6 months ago](https://wordpress.org/support/topic/plugin-wordpress-tooltip-tooltip-position/#post-2163161)
 * Great Plugin! Thanks!
    But what can I do to show the Tooltip above the text not
   below?

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘[Plugin: WordPress Tooltip] Tooltip Position’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/wp-tooltip.svg)
 * [WordPress Tooltip](https://wordpress.org/plugins/wp-tooltip/)
 * [Support Threads](https://wordpress.org/support/plugin/wp-tooltip/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-tooltip/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-tooltip/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-tooltip/reviews/)

## Tags

 * [layout](https://wordpress.org/support/topic-tag/layout/)

 * 4 replies
 * 4 participants
 * Last reply from: [TF28](https://wordpress.org/support/users/tf28/)
 * Last activity: [14 years, 6 months ago](https://wordpress.org/support/topic/plugin-wordpress-tooltip-tooltip-position/#post-2163161)
 * Status: not resolved