CSS Hover text ohne link

  • wpnew9999

    (@wpnew9999)


    vor 1 Jahr, 5 Monaten

    Hallo zusammen,

    zur Übung habe ich mir in WordPress mit dem Elementor einen Abschnitt mit drei Spalten erstellt. In jedem Abschnitt befindet sich eine Überschrift (ebenfalls mit dem Elementor eingefügt). Ziel ist es jetzt, dass wenn die Maus sich über die jeweilige Überschrift bewegt, sich die Farbe der Überschrift ändert, allerdings ohne eine Verlinkung. Bei einer Verlinkung könnte man das ja recht einfach mit der Typografie Funktion lösen.

    Mein Plan war es, der jeweiligen Überschrift im Elementor eine css id und css klasse zuzuweisen, z.B. ueberschrift1. Anschließend bin ich in die zusätzliche css konfiguration des Customizers und habe folgendes eingefügt:

    .ueberschrift1:hover {color: black;}

    Das funktioniert allerdings nicht. Was müsste man noch berücksichtigen? Danke im Voraus!

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Moderator Hans-Gerd Gerhards

    (@hage)

    vor 1 Jahr, 5 Monaten

    Hallo,
    ohne URL zur Seite, auf der Du das umsetzen möchtest, werden wir das wohl kaum beantworten können. Lies doch bitte mal: Bevor du ein neues Thema (Thread) erstellst.

    Über die developer console (Aufruf mit F12 bei Chrome) sollte die Lösung ersichtlich sein.

    Viele Grüße
    Hans-Gerd

    Nicolas Grimm

    (@nicolasgrimm)

    vor 1 Jahr, 5 Monaten

    Hi,
    Die URL wäre hilfreich. Probiere es mal mit dem folgenden Schnipsel:

    .ueberschrift1:hover {color: black !important;}

    Wichtig ist dabei, dass der Überschriftt die Klasse ueberschrift1 zugeordnet ist. „.“ ist der CSS-Selektor für Klassen, ein „#“ für ID’s.

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Das Thema „CSS Hover text ohne link“ ist für neue Antworten geschlossen.

Schlagwörter