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
Mit dem Divi-Modul «Blurb» (zu deutsch: «Informationstexte») lassen sich Zusatzinformationen in einer Box vorzüglich neben Texten platzieren. Das Modul lässt sich mit einem Icon versehen, das dann aber konsequent über dem Inhalt oder links ...
Beim Erstellen Ihrer Divi-Theme-Builder-Vorlagen oder von Layouts mit benutzerdefinierten Feldern müssen Sie häufig zwei oder mehr Module mit dynamischen Inhalten nebeneinander einfügen. Etwa um das Datum, die Kategorie und den Autor in ...
Neulich hat uns ein Mail erreicht: Darin war die Frage enthalten, wie sich Texte als Prägung auf der Website darstellen lassen. Natürlich ist das mit einem Grafikprogramm schnell gemacht – aber noch eleganter lösen wir dies mittels CSS-Code.
Hinweise, welche auf die Website «gestempelt» werden, sind beliebt und ein auffälliges Element dazu. Oft werden dafür Grafiken verwendet. Das ist aber gar nicht nötig - mit dem Text-Modul des Divi-Themes und etwas CSS-Code geht das ganz praktisch.
Keine Inhalte gefunden.
Werbung
