fullCalendar Schriftgröße

Ich bin haben Sie Probleme mit dem einstellen von Kalender Schriftgröße kleiner zu sein.

Ich habe die Einstellungen geändert haben, die einen div-container, Schriftgröße, keine Wirkung.

Habe ich auch geändert die fullCalender.css schriftart von 1em 0.5 em-und px-Größe, aber die Kalender-text bleibt der gleiche.

InformationsquelleAutor | 2010-04-02
  1. 2

    Dies ist eine Explosion aus der Vergangenheit, aber ich ursprünglich fand diese Suche nach einer Lösung.

    Wollte ich nur die schriftart ändern, die Größe der Elemente in der Tabelle (Datum, Header, Zeit Seitenleiste). Die folgenden arbeitete für mich:

    th.ui-widget-header {
    font-size: 9pt;
    font-family: Verdana, Arial, Sans-Serif;
}

    Benutzte ich opera dragonfly zu finden, die element-Klasse (STRG+UMSCHALT+i -> bewegen Sie den Mauszeiger über das element), aber alle DOM-inspector tun sollte.

    InformationsquelleAutor LostSalad
  2. 2

    1. Fügen Sie das "Thema" Einstellung in den FullCalendar.

      $('#calendar').fullCalendar({ 
Thema: true 
});

    2. Fügen Sie Ihre Benutzerdefinierte Themen-CSS durch Bearbeiten der FullCalendar bereitgestellten CSS-Datei, http://arshaw.com/js/fullcalendar-1.6.1/demos/cupertino/theme.css

    Hinweis: Demo ist hier http://arshaw.com/js/fullcalendar-1.6.1/demos/theme.html

    InformationsquelleAutor Venkat.R
  3. 2

    Für zukünftige Referenz:

    .fc-title{
    font-size: .9em;
}
    • bessere Nutzung .fc-event, .fc-event-dot so können Sie kümmern sich um den hintergrund zu
    InformationsquelleAutor Sam Munroe
  4. 0

    versuchen Sie und verwenden Sie !important was ist eine CSS-Regel zu befolgen, die Regel und die anderen ignorieren.

    e.g:
    CSS:

    .calendar{font-size: 12px !important:}

    in jQuery:

    $('.calendar').css('font-size','12px !important');
    • Danke für die Antwort, ich habe es ausprobiert, aber keine Wirkung. Ich habe versucht es auf dem Kalender, div, sowie die Kalender-container. Ich habe sogar versucht zu verwenden !wichtig und ersetzen die 1em font-size in den fullcalendar.css und keine änderung. Das ist sehr seltsam....
    InformationsquelleAutor Val
  5. 0

    Änderung der Allgemeinen Schriftgröße (fullcalendar.css) außer Modals , addevent und Ereignis Bearbeiten 

    body .fc { 
   font-size: 1.5em;  <--- change here for general 
}
    InformationsquelleAutor Manuelvalles
  6. 0

    Konnte ich das problem lösen mit den folgenden

    CSS:

    ::ng-deep body .fc {
  font-size: 12px;

    InformationsquelleAutor Ronald Alfonso
  7. -1

    Habe ich gefunden, die Ursache, nicht sicher, warum dies das Problem verursacht, aber wenn ich nicht erklären, die Art des Dokuments als 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    wäre es nicht die Schriftgröße ändern.

    Dank

    • dann kann u machen dieses ur Antwort:)
    • btw es ist als nicht html-standard zu verwenden, die falsche doctype-wie jedes doctype verhält sich anders
    InformationsquelleAutor
Schreibe einen Kommentar