Title: CSS: Farben für Button-Block festlegen (u.a. Hover)
Last modified: 13. Juli 2023

---

# CSS: Farben für Button-Block festlegen (u.a. Hover)

 *  [oliverding1973](https://de.wordpress.org/support/users/oliverding1973/)
 * (@oliverding1973)
 * [vor 3 Jahren, 2 Monaten](https://de.wordpress.org/support/topic/css-farben-fuer-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:
 * ![](https://www.altenheim-wahlscheid.de/wp-content/uploads/2023/07/Button-Block.
   png)
 * 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.
 * ![](https://www.altenheim-wahlscheid.de/wp-content/uploads/2023/07/Buttons-auf-
   Website.png)
 * Nicht einstellungsgemäß angezeigte Buttons von der Startseite
 * ![](https://www.altenheim-wahlscheid.de/wp-content/uploads/2023/07/Buttons-auf-
   Website-Hover.png)
 * 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](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fde.wordpress.org%2Fsupport%2Ftopic%2Fcss-farben-fuer-button-block-festlegen-u-a-hover%2F%3Foutput_format%3Dmd&locale=de_DE),
   um den Link zu sehen]_

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)

 *  [bscu](https://de.wordpress.org/support/users/bscu/)
 * (@bscu)
 * [vor 3 Jahren, 2 Monaten](https://de.wordpress.org/support/topic/css-farben-fuer-button-block-festlegen-u-a-hover/#post-148286)
 * 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
 *  Moderator [Hans-Gerd Gerhards](https://de.wordpress.org/support/users/hage/)
 * (@hage)
 * [vor 3 Jahren, 2 Monaten](https://de.wordpress.org/support/topic/css-farben-fuer-button-block-festlegen-u-a-hover/#post-148296)
 * 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.

## Schlagwörter

 * [block](https://de.wordpress.org/support/topic-tag/block/)
 * [button](https://de.wordpress.org/support/topic-tag/button/)
 * [Css](https://de.wordpress.org/support/topic-tag/css/)

 * In: [Allgemeine Fragen](https://de.wordpress.org/support/forum/allgemeine-fragen/)
 * 2 Antworten
 * 3 Teilnehmer
 * Letzte Antwort von: [Hans-Gerd Gerhards](https://de.wordpress.org/support/users/hage/)
 * Letzte Aktivität: [vor 3 Jahren, 2 Monaten](https://de.wordpress.org/support/topic/css-farben-fuer-button-block-festlegen-u-a-hover/#post-148296)
 * Status: nicht gelöst

## Themen

### Beliebteste Themen

### Unbeantwortete Themen

### Nicht-Support-Themen

### Gelöste Themen

### Ungelöste Themen

### Alle Themen