How can we help you today?

Known Issue: Events Design Element Text Fields are Wrapped (Cut Mid-Word) When Having Long Title or Description


If the width of your Events Design Element is not enough to handle the title or description of the event, you may notice that the text container will break a word in the middle as shown here:


This happens when you have long titles/descriptions for your events.



Step 1. Open the settings of the Events Design Element

Edit the page.

Click the cog wheel icon to open the settings of the Events Design Element:

The Settings tab will open.

Step 2. Copy the custom CSS code

Here is the custom CSS code you will need to use as workaround for event titles being cut in mid-word in your Events Design Element:

.shortpoint-event-title, .shortpoint-event-tag-line, .shortpoint-event-description {
  overflow-wrap: normal;
  word-break: keep-all;

Note: You may update the CSS code if you only need it for the title/tagline/description by simply removing the selectors. See sample below: 

.shortpoint-event-title {
overflow-wrap: normal;
word-break: keep-all;

Please copy the code to the clipboard.

Step 3. Update the Events Design Element with the code

Switch to the Custom CSS tab:

Paste the copied code from Step 2 to the Custom CSS field:

You may check how it will look like on your page by clicking the Preview button:  

Then, click Update and save the page: 

After applying the workaround, this is how it will look like:

Related articles:

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 27 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more