How to wrap text in sharepoint online list in monthly/weekly calendar view?

Question

I'm not finding any information about how to wrap text in calendar view for sharepoint lists. I am looking for a way to wrap the text of the title items displayed on the calendar. Thanks!

Answer 1

Hi Julia

You can try with an CSS. You’ll need to inject this CSS into your SharePoint page

<style type="text/css">
.ms-acal-rootdiv div {
  white-space: pre-wrap;
}
</style>

# If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Answer 2

Hi @Julia,

If you are in SharePoint classic page, you can achieve it by injecting CSS as @Miguel Gonçalves | AVANADE's answer into the page using script editor web part. But if you are in modern SharePoint experience, I'm afraid there is currently no OOTB way to warp text in the calendar view. Some 3rd party add-ins may help in this scenario.

---

If the answer is helpful, please click "Accept as Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.