Brauche Hilfe bei CSS für Kalendereinbindung

[Guido Mutze]

Hallo zusammen,

ich versuche gerade die CSS für die Einbindung des Churchtoolskalender in unseren Infoscreen.
Bis gerade eben lief es gut. Auf einmal wird der event-title nicht mehr angepasst.
Meine CSS sieht folgendermaßen aus:

font-family:'Arial';
font-weight: bold;

span.event-title {
color: #0563ae;
font-size: 80px;
text-align: center;
font-weight: bold;
}
span.date-time {
font-size:40px;
color: #0563ae;
text-align: right;
}

span.date-date {
font-size:40px;
color: #0563ae;
}

Der Link zum Kalender ist: https://churchtools.feg-rheinbach.de/?q=churchcal&viewname=eventView&embedded=true&hideFooter=true&entries=5&minical=true&cssurl=https://xibo.feg-rheinbach.de/Kalender.css#CalView/

Ich möchte gern den Event-Title größer und zentriert und die alle anderen Anzeigen außer Datum Uhrzeit und Event-title weg.
Mit
li.event-description {
display:none
}
passiert leider nichts. Kann mir jemand helfen? Danke!

LG Guido

[Guido Mutze]

Ok, das rechtsbündige habe ich hinbekommen mit

span.date-time {
font-size:60px;
color: #0563ae;
text-align: right;
width: 60%;
display: inline-block;
}

[Guido Mutze]

Habe den Fehler gefunden. War keine gute Idee die ersten beiden Zeilen einzeln zu schreiben.
Für alle, die vielleicht ein ähnliches Problem haben, hier mal meine aktuelle CSS

body {
font-family:'Arial';
font-weight: bold;
}

p.event-date span.event-name span.event-title {
color: #0563ae;
font-size: 80px;
text-align: center;
font-weight: bold;
}

p.event-date span.event-description, p.event-date span.event-resources, p.event-date span.event-location {
display: none;
}

p.event-date span.date-time {
font-size:60px;
color: #0563ae;
text-align: right;
width: 66%;
display: inline-block;
}

p.event-date span.date-date {
font-size:60px;
color: #0563ae;
width: 33%;
display: inline-block;
}