Forums - Print Post -

Forums
» List all forums
» » Forum: Known Problems
» » » Thread: Balloons and popup not working with mini calendar using websiteX5 v17
» » » » Post: Re: Balloons and popup not working with mini calendar using websiteX5 v17

Print at Jul 21, 2025, 1:13:42 AM

Posted by support at Mar 14, 2019, 5:45:14 AM

Re: Balloons and popup not working with mini calendar using websiteX5 v17

The balloon is too large to allow the mini calendar to be placed in the sidebar intended, also the text in its default colour cannot be easily read.

Changing the colors is just a matter of altering some of the code you pasted from the site. Look for this section:

 // 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 */

You can also look at the other sections, like

.localendar-label,.localendar-time,.localendar-title {
font-family:arial;font-size:12px;
}

to change other colors, font settings, etc.

NOW.. about the balloons getting clipped... smile

Most likely, there is some CSS in your design where "overflow" is set to "hidden". This will cause the popups to be automatically clipped. Usually, this setting can be removed without affecting the rest of your site.

I can help you with this, but for testing I need a page (it can be a different page on your site - just post a link) that actually shows the clipping behavior in action (ie, with the calendar on the right)
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news