<![CDATA[Farbproblem Einbundung ChurchCal]]>Hallo zusammen ...

ich fühle mich etwas als noob ... Hab schon einiges im Forum gesucht, aber leider noch keine Antwort gefunden.

Ich bin gerade dabei, unseren Kalender auf unserer Homepage einzubinden. Die Einbindung selbst hat gut funktioniert, nur leider hab ich wohl ein CSS Problem, da die Farben absolut nicht passen und man eigentlich nichts richtig lesen kann. Ich habe schon versucht, diverse CSS-Einstellungen über die Admin-Einstellungen anzupassen, aber irgendwie hat das alles keinen effekt. Hat jemand einen Tipp für mich?

So sieht der Kalender aktuell aus: Link

Danke für jeden Tipp!

Schönen Abend!
Ruben

]]>https://forum.church.tools/topic/2846/farbproblem-einbundung-churchcalRSS for NodeFri, 13 Mar 2026 07:24:52 GMTSun, 14 Aug 2016 19:48:53 GMT60<![CDATA[Reply to Farbproblem Einbundung ChurchCal on Tue, 16 Aug 2016 14:30:54 GMT]]>Super, danke! Manchmal kann es so einfach sein 🙂

]]>https://forum.church.tools/post/11233https://forum.church.tools/post/11233Tue, 16 Aug 2016 14:30:54 GMT<![CDATA[Reply to Farbproblem Einbundung ChurchCal on Mon, 15 Aug 2016 08:04:04 GMT]]>Das liegt an Eurem dunklen Hintergrund. Der eingebettete Kalender hat einen transparenten Hintergrund, dadurch hast Du dann dunkle Schrift auf dunklem Hintergrund...
Im Prinzip hat Du zwei Möglichkeiten:

a) Du verpaßt dem Kalender einen hellen Hintergrund, z.B. indem Du dem iframe ein style="background-color: white; padding: 20px;" mitgibst.
Das komplette iframe-HTML sähe dann für Euch so aus:
<iframe src="https://llckd.churchtools.de/?q=churchcal&viewname=calView&embedded=true&hideFooter=true" width="900" height="900" frameborder="0" style="background-color: white;padding: 20px;"></iframe>
Dann sieht der Kalender bei Euch so aus:
0_1471248221958_Bildschirmfoto 2016-08-15 um 10.03.24.png

b) Du paßt das CSS des Kalenders an, so daß die Schriften weiß gefärbt werden, dann sind sie vor dem dunklen Hintergrund wieder lesbar. Also in den Admin-Einstellungen unter ChurchCal in der CSS-Box folgendes eingeben (und dann speichern):
.fc{
color: white;
}

Dann sieht der Kalender so aus:
0_1471248152758_Bildschirmfoto 2016-08-15 um 10.02.02.png

]]>https://forum.church.tools/post/11164https://forum.church.tools/post/11164Mon, 15 Aug 2016 08:04:04 GMT