• Aktuell
    • Tags
    • Beliebt
    • Benutzer
    • Gruppen
    • Suche
    • Registrieren
    • Anmelden

    Farbproblem Einbundung ChurchCal

    Fragen
    kalender css einbetten farben
    2
    3
    1.4k
    Lade mehr Beiträge
    • Älteste zuerst
    • Neuste zuerst
    • Meiste Stimmen
    Antworten
    • In einem neuen Thema antworten
    Anmelden zum Antworten
    Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
    • RubenR
      Ruben
      zuletzt editiert von mhuber

      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

      1 Antwort Letzte Antwort Antworten Zitieren 0
      • mhuberM
        mhuber ChurchToolsMitarbeiter
        zuletzt editiert von

        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

        1 Antwort Letzte Antwort Antworten Zitieren 1
        • RubenR
          Ruben
          zuletzt editiert von

          Super, danke! Manchmal kann es so einfach sein 🙂

          1 Antwort Letzte Antwort Antworten Zitieren 0
          • Erster Beitrag
            Letzter Beitrag