CSS to wrap text in calendar view?

Ask the Community Customization
1

Question: Is there a way to wrap text in the calendar view?

More Info:

My Event Titles are being cut so short they’re nearly unreadable.

Elfsight Calendar (test):

Calendar I’m trying to replace, with wrapping text:

Thank you!

Kaitlin

2 Likes
3

Hi there, @Kaitlin_Burge :waving_hand:

I’ve passed your request on to the devs and will update you once the solution is ready :slightly_smiling_face:

1 Like
4

Thank you! I will keep an eye out!

2 Likes
5

Hi @Kaitlin_Burge :waving_hand:

We’ve fixed the issue using the code below in the Custom CSS field on the Style tab of your widget’s settings:

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

Please check your website and let me know if you like the result :slightly_smiling_face:

1 Like
6

That is perfect! Thank you for the help!

2 Likes
7

It’s my pleasure!

If anything else comes up, we’ll be delighted to help :wink:

1 Like