localendar Forums Homepage


Print at Sep 19, 2025, 12:02:09 AM

Posted by grcalendar at May 6, 2015, 2:44:45 PM
Only 1 calendar is sized correctly, all others won't resize
I can get one mini-calendar to actually size correctly
http://glenridgect.com/adultcommunity/members-section/

Any other place that I use the calendar, with the same exact code, the calendar is displayed elongated.
http://glenridgect.com/adultcommunity/buildings-grounds/

Here is the calendar code that I insert:

<!-- Important! You must include all of the following
text to make the mini calendar work correctly! -->

<!-- You can alter the following CSS to change the
appearance and size of the calendar for your site.
Additional calendar color settings are set under
Options->Colors from your localendar.com account. -->
<style type="text/css">
.localendar-close {
position: absolute;
top: 4px;
right: 4px;
margin:2px;
border: none;
}
.localendar-mini td, th {
width: 25px;
height: 25px;
text-align: center;
vertical-align: middle;
font-family: arial;
font-size: 14px;
}
.localendar-label,.localendar-time,.localendar-title {
font-family:arial;font-size:12px;
}
.localendar-label {
font-weight:bold;font-size:14px;
}
.localendar-hasEvents {
background:orange !important;
cursor: pointer;
}
.localendar-selected {
/* Uncomment to enable this feature
background-color: yellow;
*/
}
.localendar-monthName{
background-color:#ffffff;
color: #999999;
/* Uncomment this to hide the Month name
display:none;
*/
}
.localendar-balloon{
text-align:left;
}
</style>
<script>
// Other settings you can customize for your site
var lcPopupColor="rgba(230, 230, 230, .9)"; /* Try other values like: rgb(230,230,230), #b0c4de, yellow, etc */
var lcPopupOutline="#333333";
var lcPopupCornerRadius=20; /* Set to 0 for square corners */
</script>
<script type="text/javascript" src='http://www.localendar.com/js/PublishedIncludeMini.js'></script>

<!-- Place this line where you would like the calendar to appear (in a <div>, table, etc) -->
<script type="text/javascript" src='http://www.localendar.com/public/grcalendar?style=M5&include=Y'></script>

And this is the code that ends up being there after I save it:
\<!-- Important! You must include all of the following
text to make the mini calendar work correctly! --> <!-- You can alter the following CSS to change the
appearance and size of the calendar for your site.
Additional calendar color settings are set under
Options->Colors from your localendar.com account. --><script>// <![CDATA[
// Other settings you can customize for your site
var lcPopupColor="rgba(230, 230, 230, .9)"; /* Try other values like: rgb(230,230,230), #b0c4de, yellow, etc */
var lcPopupOutline="#333333";
var lcPopupCornerRadius=20; /* Set to 0 for square corners */
// ]]></script><script src="http://www.localendar.com/js/PublishedIncludeMini.js" type="text/javascript"></script><!-- Place this line where you would like the calendar to appear (in a
<div>, table, etc) --><script src="http://www.localendar.com/public/grcalendar?style=M5&include=Y" type="text/javascript"></script>

I can't quite figure out what in the Sam Hill is going on.

Chris

Help! | Cobranding | Legal | Privacy Policy | About localendar.com | Contact Us