Markierungsfarbe des Textes aendern mit WordPress

Markierungsfarbe ändern mit WordPress – So geht’s!

6. November 2018

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.

SIE KÖNNEN SICH BEI UNS BEDANKEN!

Sofern Ihnen der Artikel geholfen hat, können Sie sich mit wenig Aufwand revanchieren!

 

Bitte hinterlassen Sie uns eine positive Bewertung.

 

Falls Sie Fehler entdecken oder ein Artikel unvollständig ist, freuen wir uns über einen Kommentar.

Bewertung erstellen

Kommentare

Sag uns deine Meinung! Jetzt antworten

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.