How to modify Tooltip CSS?

Need help
1

Hello,

I’ve spotted this thread and this plugin + some more plugins on the plugin store, but neither practically answered my problem:

How do I format tool-tips with CSS?

I want something like this:
2020-09-08 (4)

However my current UI is in a repeating group. So I cannot use a group focus. If I use a local text object then it would take up the space above the icon even if the text is invisible.

So the right type of object I need is a tool-tip, but there’s no style editing for tool-tips. Also I tried some CSS in the app and didn’t success. The plugins require to handle every single object individually. I want a page-level style I can apply to the tool-tip.

How do I get to modify the tool-tip CSS to make it look the way I want?

2

Hey @umiumansa

You could probably build a custom made tooltip with a focus group that shows on hover. Or have you tried that already?

Cheers
Ambroise

Need extra help?

Book a free 15 minutes call - happy to help if I can

3

It seems a focus group cannot relate its position to an object inside a repeating group—or at least I failed to see how. Any suggestion?

That would also mean I need to make a custom group for each object. I could not see a way in workflow or conditionals to change the reference object of the focus group dynamically.

4

@umiumansa you can use the Orchestra plugin for that

Cheers
Ambroise

Need extra help?

Book a free 15 minutes call - happy to help if I can