This guide will help you adjust the title display according to your needs.
How to Enable Multiline Display
If you find your agenda titles are being truncated and you need them to display fully across multiple lines:
- Add the following CSS to your template’s custom CSS:
.new-agenda-list-container .slide-over .agenda-item-inner-content h2.agenda-item-title {
white-space: normal;
}
How to Force Single-line Display
To make agenda titles appear on a single line with truncation:
- Add or modify the CSS:
.new-agenda-list-container .slide-over .agenda-item-inner-content h2.agenda-item-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
This will work for both templates: “Event - Single” and “Event - Advanced”. Add this custom CSS at the top of your screen CSS:
