FullCalendar event title only allowed One Line

calendar, css, fullcalendar, javascript

Solution

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;
}

Problem

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.

Original source

Related problems