How to add a custom css class in an area

Hello @lccorrea, thanks for reaching out!

The free basic edition of Draw Attention only allows a single default style to be applied to all of the hotspots. This is where the hotspot-default class is coming from.

If you’d like to apply different styles to each hotspot, you’ll need to use the “Define multiple highlight styles for this image” feature in the Pro edition of the plugin. This will apply different CSS classes to each hotspot depending on which style is applied.

Here’s a guide to give you more information on that pro feature: https://wpdrawattention.com/guides/interactive-image-editor/#highlight-styling
And, an example of an image using this feature: https://wpdrawattention.com/?post_type=da_image&p=57317&preview=true

Please let us know if you have more questions about the Multiple Styles feature at [email protected]

We cannot offer support for the paid plugins on this forum as per the WordPress guidelines.