Es wird wieder Zeit für einen kleinen Snack und deswegen zeige wir euch heute, wie ihr die Markierungsfarbe des Textes mit WordPress ändern könnt. Die Markierungsfarbe erscheint als Hintergrundfarbe, sobald ein Teil des Textes mit dem Mauszeiger markiert wurde.
Sollte dir das Einbinden individueller CSS-Codes bislang fremd sein, empfiehlt es sich vorab unser Tutorial zum einbinden von CSS mit WordPress zu besuchen.
Um die Markierungsfarbe zu ändern müssen folgende Zeilen in die Custom CSS Box oder die style.css deines Child Themes eingefügt werden:
/*** Markierungsfarbe ändern***/
::-moz-selection {
background-color: #dd5a5c;
color: #fff;
}
::selection {
background-color: #dd5a5c;
color: #fff;
}Über den „background-color“-Farbcode wird die Hintergrundfarbe des markierten Textes definiert. Der Farbcode für „color“ bestimmt die Farbe des markierten Textes. Damit die Funktion über alle gängigen Browser bestehen bleibt, müssen beide Zeilen angepasst und eingefügt werden. Unser Beispiel-Code führt zu einer Rot-Weiß-Kombination. Ihr könnt den Code selbstverständlich nach euren Vorstellungen anpassen. Farbcodes lassen sich einer entsprechenden Farbtabelle entnehmen.
Noch Fragen? Verbesserungsvorschläge oder Anregungen für weitere Artikel? Dann schreibt es in die Kommentare.
Kommentare