Is it possible to wrap the text in the Events Calendar Widget?


I’m currently using the Dance Studio Schedule template and unfortunately my event names are quite long! I was wondering if I could wrap the text so that the users will be able to see the full event name when they see the calendar instead of it trailing off. What CSS code would I need for this?

Thank you!

1 Like

Hi @RJ2023 :wave:

We are ecstatic that you’ve chosen to become one of us! Welcome to Community :heart:

We’ll be happy to check if there is any option to customize the widget this way.

Your request is now in the capable hands of our dev. We promise to keep you posted :slightly_smiling_face:

Hi Max!

Thank you so much for your quick reply, okay that sounds perfect! :smiley:

Hi @RJ2023!

This CSS code should do the job:

.fc-event-title {
  overflow-wrap: break-word;
  white-space: normal;

And if you would also like to display full event times, you can use this code instead:

.fc-event-main {
  overflow-wrap: break-word;
  white-space: normal;

Hope this helps!

This is perfect!

Thank you so much Masha for your help and quick response! You’re amazing!