Event Calendar filter name customization

I have a similar issue: I am still setting up my trial version and have longer event titles to display in the filter (drop down), so part of the words is cut off at the end (words end with … dots).

Which CSS code can I use to display the full length of the title? This would be crucial before adding the calender widget to my website. Thanks!

1 Like

Happy to see new faces around here! Welcome @ChristineK :wave:

This CSS code should do the trick:

.global-styles,
.eapp-events-calendar-filter-modal {
  width: 210px;
}

Check it out and let me know if it helped :slightly_smiling_face:

1 Like

Yes! Fantastic, that works. Thanks for your quick help.

1 Like

It’s no bother :wink:

One more question: Is there any (elegant) way of adding the event fees? Maybe right next to the event times, or somewhere below. I tried tags, but it didn’t seem right. Thanks!

1 Like

I see that currently the fee is added to the event description:

Does this option work for you, or you still would like to display it another way?

Yes, that was my workaround. With the second item, I tried the tag option, but I like the first one better. Just wondering if the tool provides a better solution. If not, I will simply go for the first option.

1 Like

Got you!

Unfortunately, it’s impossible to display the fee next to the event time, so the only workaround is to add it to the description.

If you have any questions left, just let me know. I’ll be happy to help :wink:

1 Like

Hello @Max
I tried this, but didn’t work for me. Can you please help? I want to see complete content of the filter in drop down.
Screenshot attached.

1 Like

Hi there, @DKCF :wave:

I’ve checked the code and it works fine. You just need to increase the width, since you have longer venue names:


.global-styles,
.eapp-events-calendar-filter-modal {
  width: 590px;
}


Please double-check it and let me know if it worked :slightly_smiling_face:

1 Like

Thank you it worked :slight_smile:

1 Like

Great, you’re welcome :wink: