How to wrap long event titles in Month layout

Ask the Community Customization
1

Hi Max!

I’d also like to apply a wrap to my event titles so they don’t trail off after an ellipsis. I found this code in a different answer, but it doesn’t seem to work:

[!cite]
/* Show full event title */
.fc-event-main {
overflow-wrap: break-word !important;
white-space: normal !important;
}

image
image240×154 4.07 KB

3

Hi there, @lilykgamble!

This CSS code will do the trick:

.fc-daygrid-event {
  white-space: normal !important;
}

/* If text is still truncated with dots, remove the ellipsis */
.fc-daygrid-event .fc-event-title,
.fc-daygrid-event .fc-event-title-container {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

Give it a try and let me know if it helped :slightly_smiling_face: