Trick # 137 | Dieser Beitrag beinhaltet 296 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Das Internet ist bunt. Farben in allen Schattierungen – mal grell, mal pastell. Schwarz-weiss ist out. Falls die Website aber (aus welchem Grund auch immer) dauerhaft oder temporär in dezenten Grautönen dargestellt werden soll, hilft ein einfacher Code-Schnipsel.
Dazu benötigen Sie einen kleinen CSS-Code, welchen Sie im Stylesheet Ihres Child-Themes anlegen. Unter Design/Customizer/Zusätzliches CSS fügen Sie folgende Zeilen ein:
html {
-moz-filter: grayscale(100%);
-webkit-filter: grayscale(100%);
filter: gray; /* IE6-9 */
filter: grayscale(100%);
}Eine Ausnahme: Internet Explorer ünterstützt ab Version 10 den «Filter» nicht mehr. Das bedeutet, dass IE10- und 11-Browser die Website in Farbe darstellen.
Der Hack funktioniert auf WordPress-Webseiten mit dem Divi-Theme – aber auch mit anderen Themes. Da der Code den gesamten <html>-Tag anspricht, wird der Schnipsel auch mit anderen CMS und/oder Standard-HTML-Websites funktionieren.
Werbung
Werbung
