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

    Hello,

    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

    #378456

    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 imgur.com or Dropbox public folder and post the links here

    Regards,
    Yigit

    #388784

    Hi Yigit,

    Yes, it is difficult to describe. Attached is a screenshot of the map https://www.dropbox.com/s/36iy896p6t50y50/Screen%20Shot%202015-01-31%20at%209.37.14%20AM.png?dl=0

    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.

    #389558

    Hi!

    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; }
    

    Regards,
    Elliott

    #390181

    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.