css for tooltip on a custom field

[dwlamb]

I have a custom field created which offers different color combinations for an item.  When the item is displayed in the store, there is a blue information icon displayed beside the field title.  On hovering with the mouse over the information icon, a tooltip comes up.  I need the class or id of that div so that I can format the color and background.

Inspecting the element with Firebug and the css does not pop up for the rule declaration in an onhover state. 

Can anyone assist on how to find this info?

[The attached jpg depicts what I am trying to describe on a plain vanilla installation of Virtuemart on a test Joomla package I have.  The css modification is for a custom theme I am creating.]

[attachment cleanup by admin]

[PRO]

http://docs.joomla.org/How_to_add_tooltips_to_your_Joomla!_website#Adding_CSS_Styling_to_the_Tooltip_Joomla_v1.6.2B

[dwlamb]

Unfortunately this article did not help.  The basis for my template is one obtained from linelab.org.  Searching the style sheets for .tip (which would have rendered anything related to the classes outlined in the article) did not find anything.  Guess I will have to post this challenge on linelab's forums

http://docs.joomla.org/How_to_add_tooltips_to_your_Joomla!_website#Adding_CSS_Styling_to_the_Tooltip_Joomla_v1.6.2B

[vizyo]

you can't style that tooltip, because it's produced by title attribute for the tag. You need to create the tooltip using CSS in the following way: how to create a simple tooltip in pure CSS3. You need to add styles and after that all you need to add attribute for the element which has tooltip. The value from that attribute will be used as content for the tooltip.