Plugin: Draw Attention – Remove Title

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.

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?

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 ??

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!