Support » Plugin: Interactive Geo Maps » Styling the tooltips

  • Resolved vonbieker

    (@vonbieker)


    Hi – I’m trying to change the color of the tooltips that pop up with CSS, but I cannot find the CSS code to trigger this. What CSS class or ID should I be targeting to control the background colour of the tooltips that pop up?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Carlos Moreira

    (@carlosmoreirapt)

    Hi @vonbieker
    You can check some examples of custom css targeting tooltips in this page: https://interactivegeomaps.com/docs/tooltip-styling-with-custom-css/
    Greetings, Carlos

    Thread Starter vonbieker

    (@vonbieker)

    Hi Carlos – thanks for that – and for the great plugin.

    I had found that page in my searching, but it doesn’t address what I’m trying to do. My goal is to change the colours – I’m OK with everything else. Right now the tooltips are a white background with dark text and I’d like them to have a red background with white text to match the theme. I don’t need any of the features from the pro version, just wanting to change the colour with some targeted CSS. Is this possible?

    Plugin Author Carlos Moreira

    (@carlosmoreirapt)

    This would be much easier in the Pro version, since you wouldn’t need custom css.

    But this should work:

    .map_wrapper .imapsTooltip-group g { fill:red; }
    .map_wrapper .imapsLabel div { color:#FFFFFF !important; }

    Greetings, Carlos

    Thread Starter vonbieker

    (@vonbieker)

    Carlos – I apologize for not coming back to tell you this sooner, but THANK YOU! That worked like a charm to do just what I needed to do.

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.