Linkfarbe bei mouseover ändern

 
astour
 
Avatar
 
Betreff:

Linkfarbe bei mouseover ändern

 ·  Gepostet: 04.09.2025 - 15:16 Uhr  ·  #1
Mit welchem CSS Eintrag kann ich erreichen, dass sich die Linkfarbe bei mouseover ändert? Es geht um diese Seite
JABA-Hosting
Benutzer
Avatar
Geschlecht: keine Angabe
Homepage: jaba.hosting
Beiträge: 27
Dabei seit: 07 / 2025
WordPress: Power-User
Betreff:

Re: Linkfarbe bei mouseover ändern

 ·  Gepostet: 05.09.2025 - 15:51 Uhr  ·  #2
Code

a, a:hover {
    text-decoration: none;
    color: red;
}
astour
 
Avatar
 
Betreff:

Re: Linkfarbe bei mouseover ändern

 ·  Gepostet: 07.09.2025 - 12:16 Uhr  ·  #3
Jo, danke. Hat aber nur bewirkt, dass sich die Linkfarbe generell ändert (habs mal bei rot gelassen), soll sich aber nur bei mousover ändern. Der richtige Code wäre

Code
a:hover {
    text-decoration: none;
    color: red;
}


Hast mir aber Erinnerungen zurück gebracht ;-)
astour
 
Avatar
 
Betreff:

Re: Linkfarbe bei mouseover ändern

 ·  Gepostet: 08.09.2025 - 16:54 Uhr  ·  #4
Sodele, nachdem nun alles so ist wie ich es haben möchte (zumindest auf meiner Website ;-) ) möchte ich auch die Linkfarben im Footer ändern. Welche Formel wende ich da an?
uha
Benutzer
Avatar
Geschlecht: keine Angabe
Beiträge: 38
Dabei seit: 07 / 2025
Betreff:

Re: Linkfarbe bei mouseover ändern

 ·  Gepostet: 08.09.2025 - 19:44 Uhr  ·  #5
Wie wäre es denn, wenn du lernst, wie man die richtige CSS-Class findet?

Fahre mit der Maus über einen Link, dann rechte Maustaste und im Kontext-Menü "Untersuchen" klicken. Dann zeigt dir der Browser an, welche CSS-Class greift. Manchmal muss man dann noch etwas weiter nach oben gehen und die Sache noch etwas spezifizieren.

.textwidget a bzw .textwidget a:hover
astour
 
Avatar
 
Betreff:

Re: Linkfarbe bei mouseover ändern

 ·  Gepostet: 08.09.2025 - 23:17 Uhr  ·  #6
Zitat geschrieben von uha

Wie wäre es denn, wenn du lernst, wie man die richtige CSS-Class findet


Brings mir bei. Dies jedenfalls ist ebenfalls in meiner Sammlung untergekommen. War bisher nicht da. Das jedenfalls kann nicht richtig sein. Hab ich ne Zeile vergessen? Es geht auch nicht mit .footer-widget oder .container

Code
/*Linkfarbe Footer ändern*/
.textwidget a:hover {
    color: red;
}


So hab ichs dann doch noch hingekriegt. Also für gleich Unwissende wie mich:

Code

/*Linkfarbe Footer ändern*/
.footer-widget a:hover {
    color: red !important;
}
astour
 
Avatar
 
Betreff:

Re: Linkfarbe bei mouseover ändern

 ·  Gepostet: 11.09.2025 - 10:17 Uhr  ·  #7
Zitat geschrieben von uha

Wie wäre es denn, wenn du lernst, wie man die richtige CSS-Class findet?


Funktioniert bei dir auch nicht so ganz richtig. Ich habs für das nächste WordPress Meetup angeregt ;-)
uha
Benutzer
Avatar
Geschlecht: keine Angabe
Beiträge: 38
Dabei seit: 07 / 2025
Betreff:

Re: Linkfarbe bei mouseover ändern

 ·  Gepostet: 11.09.2025 - 12:00 Uhr  ·  #8
Zitat geschrieben von astour

Funktioniert bei dir auch nicht so ganz richtig.

Doch tut es. Allerdings habe ich ja auch nicht behauptet, dass mein Vorschlag sofort funktioniert. Manchmal muss man halt länger suchen.
Gewählte Zitate für Mehrfachzitierung:   0

Registrierte in diesem Topic

Aktuell kein registrierter in diesem Bereich

Die Statistik zeigt, wer in den letzten 5 Minuten online war. Erneuerung alle 90 Sekunden.