Hotspots

Usefull elements to build website

01Hotspots activated on hover

#dp-hotspoted-image5dd7f37bbde0c .dp-hotspot-wrapper .HotspotPlugin_Hotspot > div { min-width: 300px;}#dp-hotspoted-image5dd7f37bbde0c .dp-hotspot-wrapper .HotspotPlugin_Hotspot:not(.dpHotspotImageMarker):before { background: #ff3368;}#dp-hotspoted-image5dd7f37bbde0c .dp-hotspot-wrapper .HotspotPlugin_Hotspot:not(.dpHotspotImageMarker):after { background: #ffffff;}

01Hotspots activated on click

#dp-hotspoted-image5dd7f37bbe7ad .dp-hotspot-wrapper .HotspotPlugin_Hotspot > div { min-width: 200px;}#dp-hotspoted-image5dd7f37bbe7ad .dp-hotspot-wrapper .HotspotPlugin_Hotspot:not(.dpHotspotImageMarker):before { background: #7558d7;}#dp-hotspoted-image5dd7f37bbe7ad .dp-hotspot-wrapper .HotspotPlugin_Hotspot:not(.dpHotspotImageMarker):after { background: #eeee22;}

01Custom hotspots, allways active

#dp-hotspoted-image5dd7f37bbec94 .dp-hotspot-wrapper .HotspotPlugin_Hotspot.dpHotspotImageMarker {width: px;height: px;margin-left: -0px;margin-top: -0px;background-image: url();}#dp-hotspoted-image5dd7f37bbec94 .dp-hotspot-wrapper .HotspotPlugin_Hotspot > div { min-width: 250px;}#dp-hotspoted-image5dd7f37bbec94 .dp-hotspot-wrapper .HotspotPlugin_Hotspot:not(.dpHotspotImageMarker):before { background: #ff3368;}#dp-hotspoted-image5dd7f37bbec94 .dp-hotspot-wrapper .HotspotPlugin_Hotspot:not(.dpHotspotImageMarker):after { background: #ffffff;}