|
Index | Recent Threads | Register | |
Forums » List all forums » Forum: Known Problems » Thread: event-bubbles in calendar cut off |
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 |
|
Dansearenanord
New Member
|
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...? |
||
|
support
localendar Expert Joined: Aug 9, 2022 Posts: 6394 Status: Offline |
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 |
||
|
Dansearenanord
New Member
|
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... |
||
|
support
localendar Expert Joined: Aug 9, 2022 Posts: 6394 Status: Offline |
You have this code in your page's source:
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 |
||
|
Dansearenanord
New Member
|
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> |
||
|
support
localendar Expert Joined: Aug 9, 2022 Posts: 6394 Status: Offline |
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 |
||
|
[Show Thread Printable Version] [Post new Thread] |
Help! | Cobranding | Legal | Privacy Policy | About localendar.com | Contact Us |