Ein kleines Stück CSS-Code

Ein kleines Stück CSS-Code geben, mit dem du die Buttons in deinem Forum an das Design deines Blogs anpassen kannst?

Wir verwenden einfach einmal blau und orange.

Das ist eine klassische, kontrastreiche Farbkombination! Blau wirkt meist seriös und vertrauenswürdig (ideal für den Hintergrund oder Links), während Orange als Signalfarbe perfekt für „Call-to-Action“-Buttons (wie „Neues Thema erstellen“ oder „Antworten“) geeignet ist.

Du kannst diesen Code in deinem WordPress-Dashboard unter Design > Customizer > Zusätzliches CSS einfügen. Er sorgt dafür, dass die oft langweiligen bbPress-Standard-Buttons in deinem Blog-Design erstrahlen:

/* bbPress Buttons anpassen */
#bbpress-forums button.button.submit {
    background-color: #ff8c00; /* Ein kräftiges Orange */
    color: #ffffff; /* Weißer Text */
    border: 1px solid #e67e00;
    padding: 10px 20px;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s ease;
}

/* Hover-Effekt für die Buttons */
#bbpress-forums button.button.submit:hover {
    background-color: #0056b3; /* Wechselt zu Blau beim Drüberfahren */
    border-color: #004494;
}

/* Foren-Links in Blau */
#bbpress-forums a {
    color: #0056b3;
    text-decoration: none;
}

#bbpress-forums a:hover {
    color: #ff8c00; /* Links werden beim Drüberfahren Orange */
}

/* Hintergrund der Foren-Kopfzeile (Optional für Struktur) */
#bbpress-forums div.bbp-header, 
#bbpress-forums li.bbp-header {
    background-color: #0056b3;
    color: #ffffff;
}

Was bewirkt dieser Code?

• Orange Buttons: Die Schaltflächen zum Absenden von Beiträgen fallen sofort ins Auge.
• Blau beim Drüberfahren: Ein schöner Interaktions-Effekt, der deine zweite Brand-Farbe nutzt.
• Struktur: Die Kopfzeilen der Foren-Listen erhalten einen blauen Hintergrund mit weißer Schrift, was für mehr Ordnung sorgt.

Ein kleiner Tipp für dein Blogtheme:

Da du Blau und Orange nutzt, achte darauf, dass das Blau eher für die Navigation und das Orange für die Dinge genutzt wird, die der User tun soll (z. B. „Registrieren“ oder „Senden“). Das verbessert die Benutzerfreundlichkeit enorm.