[Plugin: All-in-One Event Calendar] wrap text

You can do it by editing app/view/month.php file in your plugin’s folder.
Make sure to back it up first.

thank you for your reply. Unfortunately, I know very little PHP (almost none) at this point can you be more specific about which lines of code I would need to change?

Is it a non-profit website?
If it is, can you make a drawing of what you what to do, attach it here and I will see what I can do.
If it is a profit website, you can use this form for premium support: https://theseednetwork.com/get-supported/software-support/

Great plugin!

The only thing I’ve come across that I would like added is for there to be a settings option to place the ai1ec-event-time on one line then wrap ai1ec-event-title in the month and week view of the calendar.

I’ve attended to it by adding a
after time in month.php then changing the relevant css from “nowrap” to “wrap”, but it would be great if future versions had this as a settings option.

I have it in place (and with the small modification at https://www.mainzalumni.co.nz/calendar/

Cheers
Stu

That should have read I’ve attended to it by adding a \
\
after time in month.php then …

br /

Stu-TDW – in your response above, the code you added is cut off… I would love it if you could share the code you added to the month.php so that the text wraps in the month view. Thanks!

yani.iliev,
I am looking to do this same thing for my calendar…. we are a non-profit (PTO) and I really want to either not wrap the text so that the monthly view shows an event as:
5:00pm
Meeting

rather than
5:00pm Meeting
(due to the size of the calendar boxes, it actually shows as:
“5:00pm Mee” and then is cut off)

-OR- leave the time out of the calendar view entirely, so that it shows as:
Meeting, with the time accessible in Event details hover.

Can you help me accomplish this?

@megt
If i have time on the weekend I will try to supply you with the code but I don’t promise.

This is what worked for me, inserted into my theme’s CSS inserts box:

/*Calendar Month View Wraps Text to fit title in box*/
.ai1ec-month-view .ai1ec-event {
	border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	margin: 1px 0 0;
	padding: 0 3px 1px;
	white-space: normal;
	max-height: 100%; }
/*Make Pop-up View Conform to above calendar change by selecting wrapped text.*/
.ai1ec-month-view .ai1ec-event-popup {
	position: absolute;
	z-index: 5;
	display: none;
	white-space: normal;
	color: #000 !important;
	top: -4px;
	left: -2px;
	min-width: 100%;
	border-radius: 0 0.3em 0.3em 0;
	-o-border-radius: 0 0.3em 0.3em 0;
	-moz-border-radius: 0 0.3em 0.3em 0;
	-webkit-border-radius: 0 0.3em 0.3em 0;
}

The changes are to the white space: portion- switched from “nowrap” to “normal.”

Hi MegT

Thanks for posting the above. I’m trying to give it a go but it won’t let me upload the updated css file back as it says I don’t have permission. I’ve tried changing it to 777 but still no joy.

Can anyone help me (a lowly novice lol) work out how to do this?

Many thanks

Jo

Anyone? I’m using Scherzo theme and can’t see that it has a CSS Inserts section, it seems to use child themes instead. Tried that but it didn’t make any difference.

Can anyone help please?

Thanks

Jo

Hi Jo,

We are not using the Scherzo theme but was able to correct the word wrap issue in month view with a slight modification to the calendar.css file by changing white-space from “nowrap” to “normal” as noted below. Hope this helps.

.ai1ec-month-view .ai1ec-event,
.ai1ec-week-view .ai1ec-event {
border-radius: 0.3em;
-o-border-radius: 0.3em;
-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
margin: 1px 0 0;
padding: 0 3px 1px;
white-space: normal;
overflow: hidden;
max-height: 100%;
}

Hi Tom

Many thanks for this. It’s exactly what I’m trying to do although I’m having big trouble changing the permissions on the calendar.css file to allow me to amend it. Don’t suppose you have any tips do you??

Thanks

Jo

You could always edit this file through the plug-ins interface while logged into WordPress. Navigate from WordPress Dashboard to Plugins to Editor and make the changes there.