how to add the css for tooltip like work-break and color etc.,

[MosesBurla]

Hi, can anyone please solve this.

whenever adding the large link in tooltip string the text alignment issue is throwing.

<button tooltip="https://github.com/zyra/ionic-tooltips-example/blob/master/src/pages/home/home.html"  positionV="bottom" positionH="right" [arrow]="showArrow" [event]="tooltipEvent" [duration]="5000"></button>

The output is getting below so that I want to use the word-break property in CSS to solve this issue in the mobile view. Can anyone please tell how to add the word-break property in the tooltip styles

[dovk]

If I understood you correctly, instead of
tooltip="https://github.com/zyra/ionic-tooltips-example/blob/master/src/pages/home/home.html"
you would have 2 lines - both tooltip and tooltipHtml with the tooltipHtml having the text - notice the
inside

tooltip
tooltipHtml="https://github.com/zyra/ionic-tooltips<br>-example/blob/master/src/pages/home/home.html"