Title text wraps and displays over time

Support for the WordPress Calendar plugin
phawke
Posts: 1
Joined: Mon Dec 12, 2016 5:40 pm

Title text wraps and displays over time

Unread post by phawke » Mon Dec 12, 2016 5:53 pm

If the title of an event is more than about 20 characters, when the calendar is displayed, the title text wraps to a second line and it covers over the time display. Here is an example.

http://bfolondon.ca/calendar/?month=nov&yr=2016

Peter

User avatar
Kieran
Posts: 2059
Joined: Sat May 26, 2007 1:55 pm
Location: London
Contact:

Re: Title text wraps and displays over time

Unread post by Kieran » Sun Feb 18, 2018 8:17 pm

This has been fixed in the latest release (1.3.10)

siemon
Posts: 2
Joined: Mon Aug 06, 2018 9:00 am

Re: Title text wraps and displays over time

Unread post by siemon » Mon Aug 06, 2018 9:10 am

Thanks for the calendar !
Is there any way to have the title being cut off so that all calendar cells remain the same size ?
The title does not obscure the time any more but cell layout gets very bad when one uses a rather long title.

thanx, peter

User avatar
Kieran
Posts: 2059
Joined: Sat May 26, 2007 1:55 pm
Location: London
Contact:

Re: Title text wraps and displays over time

Unread post by Kieran » Sat Feb 16, 2019 5:46 pm

Perhaps you can provide a link showing the issue? Iterative attempts have been made in the last few releases to make the title better, hopefully that has helped, if not, let me know how yours looks and I'll try to suggest options

siemon
Posts: 2
Joined: Mon Aug 06, 2018 9:00 am

Re: Title text wraps and displays over time

Unread post by siemon » Sun Feb 17, 2019 4:47 pm

Please look at this link
http://wir-am-hoerder-neumarkt.de/
we have now very short texts; if you look at the last (sunday) column you will see the "problem"

Btw: would it be possible to fold / unfold categories or have them in 2 columns ?

thanks, peter

User avatar
Kieran
Posts: 2059
Joined: Sat May 26, 2007 1:55 pm
Location: London
Contact:

Re: Title text wraps and displays over time

Unread post by Kieran » Sun Mar 03, 2019 5:37 pm

I have taken a look at this; it seems it's just an artefact of CSS, you can make the following changes to the CSS on the calendar options page which should help you

Within the .day-without-date element, modify width to be 14.28% and add the following tag

Code: Select all

max-width:50px
Within the .day-with-date element, modify width to be 14.28% and add the following tags

Code: Select all

text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 50px;
Within the .current-day element, modify width to be 14.28% and add the following tag

Code: Select all

text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 50px;
As regards the categories, I will look into possibly rolling these up in a future release

Post Reply