How to change event height in fullcalendar

4
votes

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.

enter image description here

3
javascriptcssfullcalendar
Please post some code and a jsfiddle,so people can understand your problem and provide useful feedback – Billy Jacobson

3 Answers

6
votes

Open your fullcalendar.css or (...min.css), search the class .fc-event and add this line to your class:

height:60px !important;
1
votes

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

0
votes

You can also try to work with the agendaEventMinHeight option: https://fullcalendar.io/docs/agendaEventMinHeight