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
Den «Back-Button» in Ihrem Browser werden Sie kennen und ihn bestimmt auch rege nutzen. In diesem Artikel zeigen wir Ihnen, wie Sie eine Browser-Verlaufsschaltfläche in das Divi-Thema einfügen. Wenn Sie auf diesen Button klicken, gelangen Sie ...
Das Divi-Theme enthält ein Kontaktformular-Modul, welches für einfache Formulare ganz praktisch ist. Es fehlt ihm aber beispielsweise bereits die übliche Option, Pflichtfelder des Formulars mit einem Asterisk oder Stern * anzuzeigen – so wie ...
Das Divi-Blog-Modul kennt offiziell nur das «Gitterlayout» und die «volle Breite». Es fehlt ein Listenlayout. Doch dieses können Sie mit ein wenig Handarbeit selber gestalten.
Das Divi-Theme sieht standardmässig ein Logobild vor, welches im Header angezeigt wird. Viele GestalterInnen möchten aber lieber den Seitentitel im Header anzeigen. Diese Möglichkeit existiert, ist aber ein wenig versteckt.
Keine Inhalte gefunden.


