Support » Allgemeine Fragen » CSS: Farben für Button-Block festlegen (u.a. Hover)

  • Hallo,

    auf unserer Startseite haben wir zwei Buttons über die im Gutenberg verfügbare Button-Funktion eingefügt. Dort habe ich keine Möglichkeit, die Hoverfarben festzulegen:

    Screenshot der Eigenschaften des Button-Blocks im Gutenberg-Editor von WordPress

    Eingestellt ist dort die Textfarbe weiß und der hellblaue Hintergrund des Themes. Dargestellt wird der Button jedoch mit Textfarbe schwarz, nur beim Hover wird der Text wie eingestellt weiß. Der Hintergrund ist ohne Hover so wie eingestellt, wird aber grün, wenn die Maus drüber fährt.

    Nicht einstellungsgemäß angezeigte Buttons von der Startseite
    Nicht einstellungsgemäß angezeigte Buttons von der Startseite bei Hover

    Da die entsprechenden Optionen in den Blockeigenschaften fehlen, müsste ich es unter Erweitert\Zusätzliche CSS-Klasse(n) eintragen. Was müsste ich als zusätzliches CSS eintragen, damit a) der Text auch ohne Hover weiß ist und b) der Hintergrund bei Hover auf #084b8a wechselt?

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 2 Antworten - 1 bis 2 (von insgesamt 2)
  • Tippe mit der rechten Maustaste auf das Element und im Kontext-Menü wählst du „Untersuchen“. So zeigt dir der Browser an, welche CSS-Regeln greifen und welche du überschreiben musst.

    Wir können hier keine CSS-Kenntnisse vermitteln, weil es den zeitlichen Rahmen sprengt. Wir erstellen auch nicht auf Zuruf CSS-Regeln für individuelle Anpassungen von kostenlos zur Verfügung gestellten Themes.

    In deinem Fall sollte es .wp-block-button__link sein

    Hallo,
    evtl. sind irgendwelche Einstellungen in dem Theme Twenty-Fourteen nicht entsprechend eingetragen.
    Teste mal bitte

    a.wp-block-button__link {
        color: white;
    }

    Das Theme Twenty-Fourteen ist schon fast 10 Jahre alt und damit im besten Rentenalter. 😉
    Insofern solltest du über einen Relaunch mit einem zeitgemäßerem Theme nachdenken.

    Viele Grüße
    Hans-Gerd

Ansicht von 2 Antworten - 1 bis 2 (von insgesamt 2)
  • Das Thema „CSS: Farben für Button-Block festlegen (u.a. Hover)“ ist für neue Antworten geschlossen.