mobile Ansicht von ecs-event falsch

Ich habe in meiner Website http://www.kirche-raderthal.de die Überschrift H4 als blauer Balken mit weißer Schrift definiert.
Veranstaltungen habe ich kategorisiert erfasst und möchte diese auch nach Kategorie auslesen auf diversen Seiten. Das funktioniert auch, allerdings verwendet der event calender in der mobilen Ansicht auch H4. Damit kommt die Überschrift in Schwarz im blauen Balken. Das kann man kaum lesen.

http://www.kirche-raderthal.de/wp-admin/custo…2Fnav-menus.php

So sieht es momentan aus!

Habe mindestes die Schrift von Schwarz auf Weiß gebracht. Die Farbe bekomme ich nicht geändert
/* Überschreibt die Farbe Schwarz mit weiß */
.ecs-event-list a {
color: #fff;
}

Das Problem ist irgendwie tiefer liegend. Auf der Website sind die Überschriften H2, H4, H5 und H6 im style.css der mobilen Version
als

/* H2 beginnt ansonsten jedes Wort einzeln mit Großbuchstaben */ /* Blauer Balken mit weißer Schrift */
#content h2.heading-font
{
color: #FFF;
background: #253a71;
font-size: 26px;
text-transform: none;
padding: 3px 0 3px 3px;
font-weight: 500;
}
/* Blauer Balken mit weißer Schrift */
#content h4.heading-font,
#content h5.heading-font,
#content h6.heading-font {
color: #FFF;
background: #253a71;
font-size: 18px;
text-transform: none;
padding: 3px 0 3px 3px;
font-weight: 400;
}

Das scheint genau im event calender Probleme zu bereiten. Kann man irgendwie im event calender den blauen Balken unterdrücken ?

Hat da jemand eine Idee

Hallo

ich habe den Eindruck, dass die style.css von mir definierte Überschrift vom Plugin the event calender überschrieben wird. Ich habe ja definiert Blauer Balken mir weißer Schrift. Das Plugin wird häufig upgedatet, also müsste man wahrscheinlich CSS-Dateien in in Child member copieren und dort ändern ?
Was müsste denn kopiert werden ?

Gruß von Philippus

Problem hat sich erledigt. Die Lösung war, den folgenden Code in das CSS der mobilen Version codieren

.tribe-events-list-event-title a {
color: #ffffff;
}