Hallo Zusammen,
ich baue gerade eine Website mit Elementor (Pro) und Ocean WP. Ich möchte gerne, dass sich ein statischer Text in weiß ändert, wenn man mit dem Mauszeiger drüber fährt. Habe schon raus gefunden, dass man das als eignes CSS setzen kann. Nur leider komme ich hier nicht weiter. Hat dieses schon mal jemand gemacht?
Freu mich über eine Antwort.
Liebe Grüße,
Sabrina
Elementor CSS ergänzen Mouseover Textfarbe ändern
-
- Gerade eben
- Anzeige
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
- ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
- ✔️ Deutsche Server & DSGVO-konform
- ✔️ Persönlicher Support (kein 0815-Ticket-System)
-
Du könntest dem statischen Text beispielsweise einen Klassennamen bzw. eine ID geben.
Mit CSS greifst du dann darauf zu und verwendest die Pseudoklasse :hover.
.klassenname:hover {
color: #ffffff;
}
oder
#id:hover {
color: #ffffff;
}Für klassenname bzw. id setzt du entsprechend den Namen der Klasse oder die ID ein. Wichtig ist dabei der Punkt vor dem Klassennamen bzw. die Raute vor der ID.
Handelt es sich um einen Link, kannst du diesen auch so ansprechen:
a:hover {
color: #ffffff;
} -
Der Code ist zumindest richtig. Hast du die oben dargestellten Einträge auch wirklich auf das Text-Widget angewendet?
-
Ich habe mal einen Screenshot von deinem Beitrag gemacht. o_O
-
Du hast bei CSS Klasse "hover-text" geschrieben, schreibst im CSS-Feld dann aber als würdest Du eine ID ansprechen wollen.
Also:
Wenn Du eine Klasse nimmst:Code.hover-text
Wenn Du eine ID nimmst:Code#hover-textGrundlagen dafür: https://www.html-seminar.de/class_und_id.htm
-
Auch so passiert leider nichts :oops:
Schon klar, den Code hattest du ja auch schon vor 3 Wochen ausprobiert.
Ohne Link zur Seite, wird dir hier wahrscheinlich nicht mehr geholfen werden können.
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!