Feldnamen in Kalender und Events

Thias

Hallo, bisher hat das mit den Events auf der Homepage gut geklappt.
Seit kurzer Zeit wurde aber irgend etwas geändert und es erscheint ein weißer Hintergrund. Das passt nun gar nicht mehr zum Design der Homepage.
Hat jemand Ahnung, wie man in den CSS Export für das Einbetten des Kalenders unter admin/Module/Kalender die Hintergrundfarbe ändert?

Thias

Ich habe zwar einen body Befehl drin (blau), aber der scheint mit weiß überschrieben zu werden.
body {
font-family:'Arial';
color: #00466E;
font-size: 14px;
}

jziegeler

@Thias theoretisch richtig, allerdings ist color die Schriftfarbe, du musst background: #00466E setzen. Ich dachte den Fehler hätte ich bereits behoben, scheinbar doch nicht ich schau es mir an

Thias

ok, vielen Dank das mit background hat schon mal geklappt.

Es scheinen aber ein paar andere Dinge nicht zu gehen:

Wenn ich in den anderen Feldern versuche eine Schrift zu ändern (Größe oder Farbe), klappt das nicht.
Gibt es irgendwo die genauen Feldbezeichnungen? Ich will z.B die Ressourcen nicht darstellen, aber da ändert sich nichts.

body {
background: #00466E;
font-family:'Arial';
color: #83BBDF;
font-size: 16px;
}
p.event-date span.event-name span.event-title {
font-family:'Arial';
color: #83BBDF;
font-size: 20px;
}
p.event-date span.date-date {
font-family:'Arial';
color: #b6e0fa;
font-size: 12px;
}
p.event-date span.date-time {
font-family:'Arial';
color: #b6e0fa;
font-size: 12px;
}
p.event-date span.event-servicetext {
display:none
}
p.event-date span.event-author {
display:none
}
p.event-date span.event-resources {
display:none
}
p.event-date span.event-category {
display:none
}
p.event-date span.event-description {
font-family:'Arial';
color: #b6e0fa;
font-size: 12px;
}
p.event-date span. event-comment{
font-family:'Arial';
color: #B6E0FA;
font-size: 12px;
}

jziegeler

das p vorne muss überall weg

Thias

... das hat leider nichts gendert.

jziegeler

@Thias das ist jetzt halt ein bisschen raten. Es könnte das fehlende Semikolon sein, bei comment ist ein Leerzeichen zu viel...

Thias

Egal welche Schriftgrößen oder Farben ich in den Zeilen angebe, es hat sich nichts geändert.
Offensichtlich wirkt nur dieser body Befehl, der ändert den Hintergrund und die Schrift

body {
background: #00466E;
font-family:'Arial';
color: #83BBDF;
font-size: 16px;
}
event-date span.event-name span.event-title {
font-family: 'Arial';
color: #83BBDF;
font-size: 20px;
}
event-date span.date-date {
font-family:'Arial';
color: #b6e0fa;
font-size: 12px;
}
event-date span.date-time {
font-family:'Arial';
color: #b6e0fa;
font-size: 12px;
}
event-date span.event-servicetext {
display:none;
}
event-date span.event-author {
display:none;
}
event-date span.event-resources {
display:none;
}
event-date span.event-category {
display:none;
}
event-date span.event-description {
font-family:'Arial';
color: #b6e0fa;
font-size: 12px;
}
event-date span.event-comment {
font-family:'Arial';
color: #B6E0FA;
font-size: 12px;
}*

jziegeler

@Thias der punkt sollte schon bleiben, ich sagt nur das p entfernen

Thias

hm, es passiert aber trotzdem nichts
Es wird nur Größe un Farbe vom body übernommen, event name
sollte größer und gelb sein, macht er aber nicht

body {
background: #00466E;
font-family:'Arial';
color: #83BBDF;
font-size: 14px;
}
.event-date span.event-name span.event-title {
font-family:'Arial';
color: #FFC832;
font-size: 24px;
}

jziegeler

@Thias du verschachtelst das CSS halt auch nicht richtig ...