localendar Forums Homepage

Print at May 23, 2019, 8:53:28 AM View all posts in this thread on one page
Posted by Dansearenanord at May 7, 2014, 7:27:24 PM
event-bubbles in calendar cut off
I embedded a localendar onto my weebly page,
inside a "column", which of course cuts off my event-bubbles....
I've tried to remove the "overflow: hidden" part in HTML/CSS of the site, but it doesn't seem to work on the column borders..... and weebly support sent me to you guys. Please help...?

Posted by support at May 9, 2014, 5:57:26 PM
Re: event-bubbles in calendar cut off
I think you're on the right track; that's typically the cause of the problem you describe. How's about a link so we can take a look?
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

Posted by Dansearenanord at Jun 9, 2014, 10:35:35 AM
Re: event-bubbles in calendar cut off
http://www.dansearenanord.no

here it is!
The month displayed on the page is OK, but when I switch months, it starts to cut off the bubbles...

Posted by support at Jun 9, 2014, 9:46:06 PM
Re: event-bubbles in calendar cut off
You have this code in your page's source:

<div id="159267394771698958" class="wcustomhtml" align="right" style="width: 100%; overflow-y: hidden;">


If you remove the overflow-y: hidden; text, the calendar popups should no longer be clipped.
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

Posted by Dansearenanord at Aug 13, 2014, 1:24:11 PM
Re: event-bubbles in calendar cut off
I don't think I have that text...?

Here's the HTML I can edit:


<!-- 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-title,.localendar-description {
font-family:arial;font-size:12px;
color: #000000
}
.localendar-label {
font-weight:bold;font-size:14px;
}
.localendar-hasEvents {
background:orange !important;
cursor: pointer;


}
.localendar-monthName{
color: #ffee99;
/* 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/Dansearenanord?include=Y&style=M5'></script>

Posted by support at Aug 14, 2014, 1:05:05 AM
Re: event-bubbles in calendar cut off
The text you need to edit is not on the code you pasted from localendar (I mean, that's perfect :)) .. the text is on the web page where you are pasting the localendar HTML.

It's the code outside localendar that is causing the calendar balloons to be clipped. You need to change that per my previous post.
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news


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