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


Quick Go »
Thread Status: Normal
Total posts in this thread: 6
[Change thread status] [Delete this Thread] [Move this Thread]
[Add To My Favorites] [Watch this Thread] [Post new Thread]
Author
Previous Thread This topic has been viewed 3692 times and has 5 replies Next Thread
Dansearenanord
New Member



Joined: May 7, 2014
Posts: 3
Status: Offline

Edit this Post   event-bubbles in calendar cut off Reply to this Post
Reply with Quote
[Delete this Thread]

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...?
[May 7, 2014, 7:27:24 PM] [90.149.23.221] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
support
localendar Expert
Member's Avatar


Joined: Aug 9, 2022
Posts: 6394
Status: Offline
Edit this Post   Re: event-bubbles in calendar cut off Reply to this Post
Reply with Quote
[Delete this Post]

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
[May 9, 2014, 5:57:26 PM] [24.190.18.86] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
Dansearenanord
New Member



Joined: May 7, 2014
Posts: 3
Status: Offline

Edit this Post   Re: event-bubbles in calendar cut off Reply to this Post
Reply with Quote
[Delete this Post]

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...
[Jun 9, 2014, 10:35:35 AM] [62.107.81.139] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
support
localendar Expert
Member's Avatar


Joined: Aug 9, 2022
Posts: 6394
Status: Offline
Edit this Post   Re: event-bubbles in calendar cut off Reply to this Post
Reply with Quote
[Delete this Post]

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
[Jun 9, 2014, 9:46:06 PM] [24.189.166.198] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
Dansearenanord
New Member



Joined: May 7, 2014
Posts: 3
Status: Offline

Edit this Post   Re: event-bubbles in calendar cut off Reply to this Post
Reply with Quote
[Delete this Post]

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>
[Aug 13, 2014, 1:24:11 PM] [213.161.172.98] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
support
localendar Expert
Member's Avatar


Joined: Aug 9, 2022
Posts: 6394
Status: Offline
Edit this Post   Re: event-bubbles in calendar cut off Reply to this Post
Reply with Quote
[Delete this Post]

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
[Aug 14, 2014, 1:05:05 AM] [209.121.90.210] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
[Show Thread Printable Version] [Post new Thread]

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