How to change event height in fullcalendar

Question

I want to change the event height in Fullcalendar. These events are from my google calendar. I want the events in fullcanlendar to appear with no space in between. I dont know if it is a css or js issue.

Answer 1

打开fullcalendar.css或（... min.css），搜索类.fc-event并将此行添加到您的类中：

height:60px !important;

Answer 2

Set eventRender callbacks and change the CSS style like this:

eventRender: function(event, element) {
    element.css("font-size", "1.2em");
    element.css("padding", "5px");
}

Documentation

Answer 3

您也可以尝试使用scheduleEventMinHeight选项： https ://fullcalendar.io/docs/agendaEventMinHeight