Lesefortschritt:

So ändern Sie die Farbe der Cursor-Textmarkierung im Divi-Theme

26. Mai 2024 | CSS-Stylesheet, Divi-Theme

Dieser Beitrag beinhaltet 368 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.

Lust auf die etwas anderen Farben? Mit diesem kurzen Snippet können Sie die Farbe der Cursor-Hervorhebung auf Ihrer Divi-Website nach Belieben ändern.

Wenn Sie Texte auf einer Website mit dem Mauszeiger markieren, erscheint die Stelle in den Standardfarben des Browsers. Etwa so:

Sie können aber auch festlegen, dass die Markierungsfarbe besser zu Ihrer Website passt. Das sieht dann so aus wie in diesem Beispiel:

Das geht mit ein klein wenig CSS-Code. Fügen Sie ihn in das CSS-Stylesheet Ihrer Website ein. Das können Sie im Backend unter Design/Customizer/Zusätzliches CSS tun:

::-moz-selection {
  color: #ffffff;
  background: #293280;
}
::selection {
  color: #ffffff;
  background: #293280;
}

Das war’s auch schon. Die Farben können Sie natürlich auf den Zeilen 2,3, 6 und 7 selber festlegen.

Den Effekt können Sie in diesem Beitrag live ausprobieren.

Werbung

Werbung

 

Kostenlose WordPress- und Divi-Tricks im Abo

Wir schicken Ihnen sporadisch (weniger als 10x jährlich) neue Tricks für Wordpress und das Divi-Theme, aber auch hilfreiche CSS- und HTML-Codes frei Haus.

Füllen Sie zur Anmeldung das folgende Formular aus. Angaben mit * sind Pflichtangaben.






Vielen Dank.

Pin It on Pinterest

Share This