CODEWITHSUNDEEP
javascriptcssfullcalendar
aarontemp
aarontemp

Reputation: 171

How to change event height in fullcalendar

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

Upvotes: 4

Views: 23135

Answers (3)

bspoel
bspoel

Reputation: 1577

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

Upvotes: 0

Mingchi
Mingchi

Reputation: 9

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

Upvotes: 0

Berti92
Berti92

Reputation: 471

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

height:60px !important;

Upvotes: 8

Related Questions