Split the title into two lines

Ask the Community Customization
1

Hello everyone, the question is quite simple: is it possible to split the title into two lines? Thanks!

2 Likes
4

Hi there, @user2486 :wave:

I’ve checked your widget and see that it doesn’t have a title. Could you please specify the title you’re going to use?

1 Like
5

Hi Max,
sorry I Mean the titles of the events, the Event Name, not the general title :sweat_smile:

2 Likes
6

Ah, got it!

Only the part in the brackets should be moved to the 2nd line, am I right?

image
image363×418 7.51 KB

1 Like
7

Perfectly

2 Likes
8

Got it, thanks!

Please add this code to the Custom CSS field on the Style tab of your widget’s settings and let me know if you like the result:

.fc-event-title {
      display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.2em;
    max-height: 2.4em;
    word-wrap: break-word;
    max-width: 200px;
}
1 Like
9

Thanks for the code, but I would like to split lines in a specific point, like a
tag in HTML, or something like a subtitle. What do you think?

1 Like
10

There is no way to add <br> tag like in HTML, but the title can be moved after reaching a certain number of characters on the 1st line. Does it work for you?

If yes, please specify the number of characters you’d like to have on the 1st line.