Forums » List all forums » » Forum: Webmaster's Corner » » » Thread: Pop up on mini calendar |
Posted by averis at Nov 18, 2013, 11:10:04 PM |
Pop up on mini calendar I have embedded the mini-calendar onto the nav bar section of my website and it looks great. However, when I click on the date that has an event added, sometimes the popup balloon is viewable and sometimes, it is not because it is hidden behind the content on the main body of the site. I cannot figure out why sometimes it shows forward and others behind the body so only a small section is viewable. How do I correct settings or fix this so it is visible all the time? I am viewing the site in Firefox. Thanks |
Posted by mogrinz at Nov 19, 2013, 3:55:28 PM |
Re: Pop up on mini calendar Most likely you have CSS on the site that's chopping it up. Care yo send a link so we can have a look? |
Posted by averis at Nov 19, 2013, 8:50:17 PM |
Re: Pop up on mini calendar Here is the code I embedded: Please let me know if there is something I should delete. I deleted some of the instructions but not all as I wasn't sure what's crucial for it to work correctly and what isn't. Thanks! <style type="text/css"> .localendar-close { position: absolute; top: 4px; right: 3px; 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:#ffffff; color: #999999; /* 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/averis?include=Y&style=M5'></script> |
Posted by support at Nov 19, 2013, 11:11:12 PM |
Re: Pop up on mini calendar Thanks, but most likely it's something on the rest of your site that's causing the issue. If you just send me a link to the page where the calendar is displayed, I'll have a look. ---------------------------------------- Marc Higgins Support Associate, localendar.com Follow us on Twitter! http://www.twitter.com/localendar_news |
Posted by averis at Nov 21, 2013, 5:51:27 PM |
Re: Pop up on mini calendar Here is the website URL. I have embedded the calendar on the nav bar of our home page at: www.problemsolviing4kids.com Thanks and hope we can figure it out as I really want the mini-calendar there but it's annoying if you can't see the whole bubble each time. |
Posted by averis at Nov 21, 2013, 5:52:16 PM |
Re: Pop up on mini calendar oops, it's www.problemsolving4kids.com |
Posted by averis at Nov 21, 2013, 5:57:15 PM |
Re: Pop up on mini calendar Marc, One thing I noticed is that the event in Nov shows up fine, but future dates are hidden by the content. I don't know if this helps you diagnose the problem. |
Posted by support at Nov 25, 2013, 2:14:06 PM |
Re: Pop up on mini calendar Yup; it's related to the CSS on your site. You want to find something that looks like this (around line 1393 in your Style.css file) overflow:hidden; and remove it. Then you should be all set. This is CSS on the #NavColumn .Liner class ---------------------------------------- Marc Higgins Support Associate, localendar.com Follow us on Twitter! http://www.twitter.com/localendar_news |
Posted by averis at Nov 25, 2013, 5:35:46 PM |
Re: Pop up on mini calendar Thanks Marc, I will have to check as I didn't create the CSS for the template - it is a ready-made template that I have the ability to make changes to but not sure about how I would go into the CSS formatting for the Nav bar. So your suggestion is just to go into the CSS and remove the phrase overflow:hidden; I will see if I can figure it out how to handle this. Any ideas are welcome. thanks for your time Averi |
Posted by support at Nov 26, 2013, 12:02:26 AM |
Re: Pop up on mini calendar Correct the line in in the /sd/support-files/style.css file If you don't have access to that file, let me know and there are other workaround-type-things (not as elegant) that we might be able to suggest. ---------------------------------------- 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 |