fullCalendar Размер шрифта - PullRequest
Новая
       23

fullCalendar Размер шрифта

1 голос
/ 02 апреля 2010

У меня проблемы с установкой размеров шрифта календаря на меньшие. Я изменил настройку размера шрифта контейнера div, эффекта нет. Я также изменил шрифт fullCalender.css с 1em на 0,5em и на размер px, но текст календаря остался прежним.

Есть ли что-то очевидное, чего мне не хватает, извините за сообщение, если это очень очевидно, но я искал часы и пытался установить так много вещей.

Спасибо Dkn

Ответы [ 7 ]

2 голосов
/ 09 февраля 2017

Для дальнейшего использования: 

.fc-title{
    font-size: .9em;
}
2 голосов
/ 19 июня 2013

  1. Добавьте параметр 'theme' в FullCalendar. 

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

  2. Добавьте пользовательский тематический CSS, отредактировав предоставленный FullCalendar файл CSS, http://arshaw.com/js/fullcalendar-1.6.1/demos/cupertino/theme.css

Примечание: демоверсия здесь http://arshaw.com/js/fullcalendar-1.6.1/demos/theme.html

2 голосов
/ 22 сентября 2011

Это настоящий взрыв прошлого, но я изначально нашел это в поисках решения.

Я просто хотел изменить размер шрифта элементов в таблице (заголовки даты, боковая панель времени). У меня сработало следующее: 

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

Я использовал оперу-стрекозу, чтобы найти класс элемента (CTRL + SHIFT + i -> Наведите курсор на элемент), но любой инспектор DOM должен это сделать.

0 голосов
/ 07 мая 2019

Я мог бы решить эту проблему с помощью 

::ng-deep body .fc {
  font-size: 12px;
0 голосов
/ 26 мая 2016

Изменение общего размера шрифта (fullcalendar.css), кроме модалов, добавлений и событий редактирования 

body .fc { 
   font-size: 1.5em;  <--- change here for general 
}
0 голосов
/ 02 апреля 2010

Я нашел причину, не уверен, почему это вызывает проблему, но когда я не объявил тип документа как 

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

это не изменит размер шрифта.

Спасибо

0 голосов
/ 02 апреля 2010

попробуйте и используйте !important, которое является правилом CSS, чтобы подчиняться этому правилу и игнорировать другие.

например: в CSS: 

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

в jQuery: 

$('.calendar').css('font-size','12px !important');
...