Tooltip Tips

Just thought I’d add some info here for anyone looking to modify the tooltip ui popup.

Here are the elements you want to target (w examples):

div.ui-tooltip.footnote-tooltip {
background-color: #53a769;
}
div.ui-tooltip.footnote-tooltip a {
color: #e8c42c;
}

If you’re using the INSPECTOR in Chrome, etc to see the tooltip, you’ll have a hard time targeting the popup unless you pause the debugger (enabling :hover for the link won’t work). To do it, go to the SOURCES tab, hover over your link then press F8. This will pause the debugger and you can now target and view and modify the element.

If anyone can tell me how to change the positioning to be closer to the link, that would be awesome. I believe the Bootstrap Tooltip adds a different Class depending on the position and this doesn’t seem to. And maybe info on changing the border radius for one corner (depending on position of popup).