FullCalendar event title only allowed One Line

Question

How to make the event title in fullcalendar only one line even the title is long. By default, it is display full title, I wish to make it nice like Google Calendar.

Answer 1

Look in your css file for the following entry:

.fc-event-time, .fc-event-title {
    padding: 0 1px;
}

and modify it like this

.fc-event-time, .fc-event-title {
    padding: 0 1px;
    white-space: nowrap;
}

.fc-title {
    white-space: normal;
}