Styling a tooltip

  • Resolved SomniumLucidus

    (@somniumlucidus)


    8 years ago

    First of all, thanks for this amazing plugin. I’m using it for interactive diagrams, not for maps, but of course it works equally fine.

    I’m trying to style the tooltips. I’ve written this template:

    <div style="text-align: center; font-weight: 700; border: 2px solid #ff6665">{{label}}</div>

    …and it works, but it styles the labels inside the tooltips, and not the tooltips themselves. I can’t style the background (white by default) or the border (light grey by default) of a tooltip.

    Is there any way to achieve this?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author RomanCode

    (@oyatek)

    8 years ago

    Hi,

    You can edit tooltips styles in MapSVG > CSS editor.
    Add CSS rules for “.mapsvg-tooltip” class.
    Example:

    .mapsvg-tooltip {
  background: #eeeeee;
}
    Thread Starter SomniumLucidus

    (@somniumlucidus)

    8 years ago

    Thanks! =)
    I’m marking this as resolved.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Styling a tooltip’ is closed to new replies.