Kleine Bitte um Hilfe (CSS)

Vorweg: Ich habe tolle Hilfe bekommen - sogar mit Video, wie ich mit Hilfe von CSS-Schnipseln Elemente gestalten kann und habe das auch ausgiebig genutzt.

Nun habe ich ein kleines Problem mit folgender Seite: https://dev1.dfgnrw.de/bezirksgruppen/bochum-witten

Da kann man sehen, dass die regulären Termine leicht grau hinterlegt und auch gerahmt sind (ich glaube, das ist #f9f9f9).

Der wiederkehrende Termin oben hat aber diesen grauen Rahmen nicht, und den würde ich gerne so gestalten wie unten., Dabei finde ich es sehr schön, dass dieser Termin durch die rote Schriftfarbe von den unteren abgesetzt ist.

Nun habe ich natürlich versucht, mit "Element untersuchen" die Eigenschaften der unteren Termine zu finden (da kann man auch schon sehen, dass ich einiges geändert habe). Aber leider finde ich den Schnipsel nicht heraus, den ich brauche. Ich fände es toll, wenn mir dabei jemand unter die Arbeit greift. Ich bräuchte nur den Namen des Schnipsels, den ich verwenden muss. Einbauen muss ich ihn natürlich selber, aber das ist kein Problem.

Danke für Hilfe

Vielen Dank - so klappt es übrigens:
/* -------------------------------------------------------
* Wiederkehrende Veranstaltungen grau hinterlegen
*----------------------------------------------------------- */
.type-tribe_events {
background-color: #f7f7f7;
padding: 15px !important;
}

Padding geht nur mit !important - das !important brauche ich übrigens öfter.

Übrigens ist der Editor für das "Zusätzliche CSS" ziemlich schmal und unkomfortabel, aber wahrscheinlich muss ich damit leben: langsam und vorsichtig tippen :)

Ja, stimmt!

Noch ein letztes Mal stehe ich auf dem Schlauch:

Auf der Seite https://dev1.dfgnrw.de/

habe ich die Titelleiste mit der Hintergrundfarbe #002F6C (Dark Midnight Blue), das gleiche habe ich dann auch mit dem Fußbereich gemacht. .footer-area oder #footer-area.

Wenn ich das Element untersuche und die background-color ändere, ist es ok, ich musste dann die Schrift auch ein wenig aufhellen. Trotzdem bleibt der Fußbereich in der Echtanwendung schwarz. Der Rest funktioniert auch nur mit !important

Das habe ich gemacht, es funktioniert für den Kopf, aber nicht für den Fuß

.navbar, .navbar-default, .navbar-brand, .navbar-nav .footer-area
{
        background-color: #002F6C !important;
}
.widgettitle {
      color: #FFFFFF !important;
}
.textwidget {
        color: #CCCCCC !important;
}

Ja, so hatte ich das zuerst, aber das half nicht - aber: 2. Versuch macht kluch!

Aber nee - bleibt schwatt! ich hatte es schon mal dark midnicht blue (das ist übrigens das erstunlich dunkle Blau der finnischen Flagge), und es geht auch manchmal im Custimizer, aber in echt bleibt es schwarz.

Ich kann erst mal damit leben, aber auf die Dauer bin ich zuversichtlich, dass das auch noch wird!

Dat war's - wat lernt mich dat? Evtl. .typ und #typ extra behandeln

Vielen Dank!

danke,Vergessenes wieder gegenwärtig gemacht