I have a couple issues with the tooltip text that displays on hover over menu items on our Forums page. I’m using Reboot. This is on our private dev install so no link, but I’ve attached two screenshots-one from the /forums page the other from /resources.
1. The style does not match that of all our other pages.
How can I style it to match, I have tried adding/editing custom CSS for .ttip, but the changes do not take affect?
2. More importantly, the tooltip interferes with drop down menus. The position of the grey box is too close, or it does not fade fast enough. When rolling down a drop menu, the cursor hits the grey box, and the menu closes.
How can I position the tooltip box further below the cursor, or ensure it disappears before the cursor hits it? I have a feeling this is not done is CSS, but in the javascript. No? Is there a SP theme function for Reboot I can edit? If so which one and how? Or is it a core file?
On all other pages, you can scroll down a menu without the .ttips styled box interfering and closing the menu. I would prefer the box be styled the same on all pages, but functionality is my primary concern, so I need to get these menus working.
I cannot replicate the issue on this site because there are no drop-down menus.


