Hotspots

Usefull elements to build website

01Hotspots activated on hover

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

01Hotspots activated on click

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

01Custom hotspots, allways active

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