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
Das Menu-Modul des Divi-Themes kennt zahlreiche Einstellungsmöglichkeiten. Aber nirgends lassen sich Separatoren zwischen den einzelnen Menupunkten festlegen. Mit diesem Trick gelingt auch dies.
Die Divi-Standardkopfzeile kann mit einer sekundären Kopfzeile konfiguriert werden, die unter anderem eine Telefonnummer und eine E-Mail-Adresse anzeigt. Wenn Sie jedoch eine mit dem Divi-Builder eine benutzerdefinierte Kopfzeile verwenden, ...
Kennen Sie den progress-Tag in HTML? Oder den meter-Tag? Die beiden haben es in sich, werden aber irgendwo zwischen selten und kaum genutzt. Zeit, die beiden Tags einmal genauer anzusehen. Mit ihnen lassen sich nämlich höchst einfach ...
Das Portfolio-Modul des Divi-Themes zeigt eine Übersicht über ihre Projektposts. Es bietet hübsche Möglichkeiten und doch ist es nicht perfekt. So lassen sich etwa keine Read-More-Buttons anzeigen und auch Auszugstexte verwehrt das ...
Keine Inhalte gefunden.
Werbung
