Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #377788


    I’d like to know if it is possible to customize an image map with hotspots so it may have a transparent background and a colored hover? That way when a visitor hovers on a map image (for instance a campground map with the campsite numbers already on the map) it will indicate where they may click but the map image remains clear.

    Alternatively, is it possible to change the numbers that are applied to a ‘numbered hotspot’?

    Thanks Lynn


    Hey Lynn!

    Sorry but i am not sure if i understood your questions clearly. Could you please post a screenshot and show the changes you would like to make? You can upload your screenshots on or Dropbox public folder and post the links here



    Hi Yigit,

    Yes, it is difficult to describe. Attached is a screenshot of the map

    I would like to have an map marker that is transparent, then upon hover changes color. As you can see from the example, the hotspot marker keeps the viewer from being able to see the spots on the map. So if it would only show on hover, then they could see the map clearly and click when hovering on a particular campsite.



    Try adding this to your custom CSS.

    .av-hotspot-container .av-image-hotspot_inner { background: transparent !important; }

    If you want to get rid of the pulse as well then add this.

    .av-image-hotspot-pulse { display: none !important; }



    Yes, it worked perfectly. Thank you Elliott!

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Custom Styling for Image with Hotspots’ is closed to new replies.