localendar Forums Homepage

Print at Mar 29, 2024, 5:50:22 AM
Posts: 16   Pages: 2   [ 1 2 | Next Page ]
View all posts in this thread on one page
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

Posts: 16   Pages: 2   [ 1 2 | Next Page ]

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