Hello @faunlf
You’ll need to use a CSS snippet to hide the title for each hotspot:
.hotspot-title {
display:none;
}
and if you’re not familiar with customizing CSS on your site, we have a quick writeup that covers the easiest ways to do that:
https://wpdrawattention.com/document/customizing-draw-attention-css/
Let us know if that works for you.
Thread Starter
faunlf
(@faunlf)
Hi again,
I added the CSS code to the customizer – did not work… did I need to add some css for each hotspot? Thanks
Faun
That’s strange, you shouldn’t need to add CSS for each individual hotspot, could you try this code snippet:
.hotspot-title {
display:none !important;
}
If that still doesn’t work, could you attach a link to the page you’re working on?
Thread Starter
faunlf
(@faunlf)
Ahhh, still didn’t work… here’s the page:
https://jimgabour.com/blog/test/
Thanks!
Faun
Hello @faunlf
Thank you for sharing that! There was some confusion on my end, I was giving you a snippet to remove the titles for the “Show more info” action. I see now that your hotspots are using the “Go to URL” action and you’d like to hide the title in the tooltips when a user hovers over the hotspot, is that correct?
Could you try using this CSS snippet:
body .leaflet-pane.leaflet-tooltip-pane {
display: none;
}
Let us know if that works 🙂
Thread Starter
faunlf
(@faunlf)
YES!!! Thank you so much! Sorry for not explaining the situation better…
May your new year be filled with joy and sparkles!
Faun
@faunlf No worries! I’m glad we could get this figured out 🙂
I hope you have a lovely new year as well and feel free to share your final Draw Attention creation with us!