Sie können jederzeit CSS verwenden, um das Aussehen der UI-Elemente anzupassen.
Beispiele
Anpassen der Größe des Markierungssymbols:
CSS
.open-user-map .box-wrap .map-wrap .leaflet-map img.leaflet-marker-icon:not(.marker-cluster) {
--icon_height: 41px; /* customize */
--icon_width: 26px; /* customize */
width: var(--icon_width) !important;
height: var(--icon_height) !important;
margin-top: calc(-1 * var(--icon_height)) !important;
margin-left: calc(var(--icon_width) / -2) !important;
}
/* Icon Size on Mouseover */
.open-user-map .box-wrap .map-wrap .leaflet-map img.leaflet-marker-icon:not(.marker-cluster):hover {
--icon_height: 51px; /* customize */
--icon_width: 36px; /* customize */
width: var(--icon_width) !important;
height: var(--icon_height) !important;
margin-top: calc(-1 * var(--icon_height)) !important;
margin-left: calc(var(--icon_width) / -2) !important;
}Je nach Größe Ihres Symbols müssen Sie die Zeilen 2 und 3 sowie die Zeilen 13 und 14 (Hover-Effekt) ändern.
Geheimtipp:
Sie können sogar animierte GIFs als Markierungssymbole verwenden 🥳.