Welcome Guest   | Login   
  Search  
  Index |  Recent Threads |  Register | 

Forums »  List all forums »  Forum: Known Problems »  Confirm Change Thread Status: Mini Interactive Calendar cuts the Pop Balloons off

You are about to change this thread status. Are you sure you want to change its status? Please review this thread information below before you change its status. If you do want to change this thread status, please enter your current password to confirm.

Please review this thread before you change its status:
Thread Topic Mini Interactive Calendar cuts the Pop Balloons off
Thread Body Hello.
I know this has been discussed before and I am not very good with computers when it comes to fixing a CSS or what not cause that seems to be what the problem is apparently from what I have read on other threads.

Our website is www.timemachinetheband.com and on the calendar portion we have the desktop version and a mobile version.
The mobile version we use the mini interactive calendar because it fits unlike the full calendar. But on some of the dates, when you click on them the pop up balloon is cut off and you can't see the date information.

Here is the link that is copied and pasted.....

<!-- 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: 30px;
height: 30px;
text-align: center;
vertical-align: middle;
font-family: arial;
font-size: 16px;
}
.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:#404040;
color: #ffffff;
/* 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='//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='//www.localendar.com/public/timemachinebandagent?style=M5&include=Y'></script>

Please can you tell me how to fix the pop up balloon problem so that people can see the full pop up balloon on all dates?

Thank you.
Posts 4
Pending Posts 0
Forum Known Problems
Current Thread Status Normal
Thread Status
Your current password

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

Powered by mvnForum and localendar.com