Tooltips - balloon.css - No way to style the tooltips?

How To
2

Note - I think you’ll need to move this post from ‘bugs’ to ‘How to’, but i have the answers for you…

Like this… (if you’re wanting it to do it for a specific element)

%root%[data-balloon]::after {
  background: red;
  font-size: 30px;
}

or for the whole site…

body [data-balloon]::after {
  background: red;
  font-size: 30px;
}

How could I make sure the tooltip is mobile responsive?

Not possible with CSS solutions for tooltips like this, this is the main limitation of it. I generally use JS for this so it can adapt based on screensize and layout, Tippy is good for tooltips/popovers that can adapt well. Tutorial

4 Likes