1. Startseite
  2. Wissensdatenbank
  3. Personalisierung
  4. Gestaltung der Markierungssymbole

Gestaltung der Markierungssymbole

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

Je nach Größe Ihres Symbols müssen Sie Zeile 2 und Zeile 3 ändern.

Geheimtipp:

Sie können sogar animierte GIFs als Markierungssymbole verwenden 🥳.

War dieser Artikel hilfreich?

Verwandte Artikel

Brauchen Sie Unterstützung?

Sie können die gesuchte Antwort nicht finden&#039?
Kontakt zum Support

DE