CSS for Google Maps style pin tooltip?

  • Unknown's avatar
    mysticminimalistartisan · Member ·

    Hello beautiful humans! Hope everyone is having an amazing day thus far! I need some CSS help. I have a WordPress plugin that I am trying to change the tooltip style on & I just can’t figure it out, I think this one is way above my head. I’m hoping someone can help.

    So if you go to https://www.walstonnet.com/instant-custom-quote & click the get started button, then click on one of the options (doesn’t matter which as they both have what I am needing to change on the next step) & click on the icon, not the text. On the next screen there are options with sliders. On the sliders the quantity is displayed as a tooltip (which I deliberately have set to stay on) & as you can see it’s just a rectangle with slightly rounded corners. What I am trying to do is make them so that they are the drop pin style, like on Google Maps, but a lot smaller than the rectangle ones it has now of course. I haven’t decided if I want the same colors or if I want it the red with white text, but that will be easy to do once the pin part is figured out.

    In case it matters, or helps even, the calculator plugin I am using is the WP Cost Estimation & Payment Forms Builder I purchased at Envato Market https://codecanyon.net/item/wp-cost-estimation-payment-forms-builder/7818230

    If anyone could help me with this I would be SO, SO APPRECIATIVE & I’d definitely owe you one!!!

    Thanks so much!
    Monica

  • Unknown's avatar
    staartmees · Member ·

    We can’t help you as your site isn’t running on the wordpress.com platform. Best would be to contact support of that plugin; when you bought the plugin you also paid for support.

  • The topic ‘CSS for Google Maps style pin tooltip?’ is closed to new replies.