XF 2.0 Tooltip CSS

[AndyB]

I would like to change the color and background for the following tooltip:



What is the correct CSS for this element?

Thank you.

 

[Ozzy47]

Have you tried, Appearance > Styles > Default style - Style properties > Tooltips

 

[Ozzy47]

Wait, that will change all of the tooltips.

 

[S Thomas]

#js-XFUniqueId4 .tooltip-content
No clue when or where these IDs are generated, so might be a chance there is a different ID for you

 

[S Thomas]

Nailed it. In /js/xf/core/tooltip.js add right at the beginning of the constructor method:

if(content == "Style chooser")
    options["extraClass"] = "your_custom_class";

 

[AndyB]

Got it.

Thank you both for your help.

.tooltip-content {
	color: @xf-linkHoverColor !important;
}