search

kazzkiq / balloon.css

Simple tooltips made of pure CSS
https://kazzkiq.github.io/balloon.css/
MIT License
5.03k stars 448 forks source link

how to change the tooltip font size #106

Closed ShiranNasri closed 6 years ago

ShiranNasri commented 6 years ago

how can i change the tooltip font size? and it is possible to use label instead button?

kazzkiq commented 6 years ago

how can i change the tooltip font size?

As of today, you will have to use !important to override the font-size property in Balloon.css.

So a code like this would do the trick (use .bigger-font class in the element you want the tooltip to become larger):

.bigger-font::after {
  font-size: 18px !important;
}

and it is possible to use label instead button?

Yes, you can basically use any element which is not a self-closing tag

Example: https://jsfiddle.net/sdog7mtq/

ShiranNasri commented 6 years ago

Thank you :)

On Jul 29, 2018 20:15, "Claudio Holanda" notifications@github.com wrote:

how can i change the tooltip font size?

As of today, you will have to use !important to override the font-size property in Balloon.css.

So a code like this would do the trick (use .bigger-font class in the element you want the tooltip to become larger):

.bigger-font::after { font-size: 18px !important; }

and it is possible to use label instead button?

Yes, you can basically use any element which is not a self-closing tag http://xahlee.info/js/html5_non-closing_tag.html

Example: https://jsfiddle.net/sdog7mtq/

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/kazzkiq/balloon.css/issues/106#issuecomment-408691900, or mute the thread https://github.com/notifications/unsubscribe-auth/AQhu0czQUKbXdkH-xpflKyyflrFf93fJks5uLe3NgaJpZM4VldD- .