tom.obrien
Forum Replies Created
-
Hello Jo,
Your text seems to be working correctly (white-space: normal = no wrap) but perhaps it’s extending beyond the CSS field definition for the plugin. You’ll have to request assistance from the plugin author. Sorry that I couldn’t be of any additional help.
Hello Jo,
Please send me your website URL. Thanks.
No troubles. I was glad to be able to help. Good luck with your website.
Sorry – code should read.
<?php
wp_enqueue_style( ‘calendar_override’, get_bloginfo(‘template_directory’).’/calendar_override.css’ );
?>Also, the “wp_enqueue_style” code is not within or between <head> and </head> tags. Inside of your header.php – place the code right before the </head> tag. You should be set after these changes.
Good luck.
You can place this code anywhere within the head tag – since you don’t have a CSS folder try modifying the code in “header.php” as follows:
<?php
wp_enqueue_style( ‘calendar_override’, get_bloginfo(‘template_directory’).’calendar_override.css’ );
?>Also, send me the URL for the calendar page because I will be able to debug further by looking to see if the path is correct.
Thanks.
If you’d like to see the calendar with no word wrap and design updates go to https://www.cdiabu.com/calendar.
Thanks,
TomHello MegT,
We solved this problem wrapping problem by adding the following code to “header.php” and created a new php file called “calendar_override.css” in our themes CSS folder. This solution is much simpler and will not be overwritten each time the plugin gets updated.
(1) HEADER.PHP – Insert the following code inside your <head> tag within the “header.php” file.
<?php
wp_enqueue_style( ‘calendar_override’, get_bloginfo(‘template_directory’).’/css/calendar_override.css’ );
?>(2) Create an new php file and name it “calendar_override.css” and save it to your active “theme/ css folder”. Now paste the following code inside the “calendar_override.css” file and save. We made some color design changes and width changes to work best with our website but does also fix that annoying text wrap issue.
.ai1ec-container{
width:800px;
margin:0 auto;
}
.ai1ec-month-view .ai1ec-event{
height:auto !important;
}
.ai1ec-month-view .ai1ec-event,
.ai1ec-week-view .ai1ec-event,
.ai1ec-oneday-view .ai1ec-event{
max-height:none !important;
overflow:visible !important;
white-space: normal !important;
}
/*calendar days of week header*/
.ai1ec-month-view th, .ai1ec-week-view th, .ai1ec-week-view .ai1ec-hour-marker div, .ai1ec-week-view .ai1ec-allday-label, .ai1ec-oneday-view th, .ai1ec-oneday-view .ai1ec-hour-marker div, .ai1ec-oneday-view .ai1ec-allday-label {
color: #000000 !important;
text-shadow: 0 0px 0 #FFFFFF;
}
/*calendar days*/
.ai1ec-month-view th, .ai1ec-week-view th, .ai1ec-oneday-view th {
background: none repeat scroll 0 0 #AAAAAA !important;
border: medium none !important;
padding: 0.5em !important;
}
/*calendar week tint*/
.ai1ec-month-view .ai1ec-date {
background: none repeat scroll 0 0 #EEEEEE;
color: #000000;
font-size: 9pt;
height: 18px;
line-height: 18px;
margin-bottom: 1px;
padding: 0 0.4em;
text-align: right;
text-shadow: 0 1px 0 #FFFFFF;
}
/*calendar empty boxes*/
.ai1ec-month-view td.ai1ec-empty {
background: none repeat scroll 0 0 #EEEEEE !important;
}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.
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%;
}