Lesefortschritt:

    Google-Maps in Schwarz-Weiss statt farbig

    27. April 2025 | CSS-Stylesheet, Divi-Theme

    Trick # 452 | Dieser Beitrag beinhaltet 377 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.

    Mit dem Karten-Modul des Divi-Themes können Sie auf einfache Weise eine Google-Karte auf Ihrer Website einblenden. Diese wird farbig dargestellt – hin und wieder passt aber die Kartenfarbe nicht zum übrigen Webdesign. Mit ein wenig CSS-Code können Sie die Karte darum schwarz-weiss darstellen.

    So zeigt sich das Karten-Modul üblicherweise:

    Wenn Sie statt der farbigen Google-Karte lieber eine schwarz-weisse Ausführung hätten, kopieren Sie folgenden CSS-Code in das Stylesheet Ihrer Website – unter Design/Customizer/Zusätzliches CSS:

    .et_pb_map_container {
    filter: url("data:image/svg+xml;utf8,#grayscale");
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
    -webkit-filter: grayscale(100%);
    }

    Die Googlekarte wird jetzt in grau dargestellt:

    Kann vielleicht mal besser passen.

    Werbung

    Dynamische Inhalte in Divi-Modulen publizieren

    Die Divi-Module können nicht nur eingegebene Texte anzeigen; wenn gewünscht bedienen sie sich auch in den weiteren Beitragsfeldern oder stellen Content aus Custom-Taxonomies des jeweiligen Beitrags dar. Die Anzeige dieser dynamischen Daten ...
    Keine Inhalte gefunden.

    Werbung

     

    Pin It on Pinterest

    Share This