Forums - Print Thread - CSS when embedding mini calendar

Forums » List all forums » » Forum: General Discussion » » » Thread: CSS when embedding mini calendar
Print at Oct 9, 2025, 5:46:27 AM	View all posts in this thread on one page

Posted by AshleyGSR at Aug 23, 2012, 8:04:24 PM

CSS when embedding mini calendar
I'm trying to get the mini calendar to embed into a site. This is the CSS code that was offered, but it won't show the actual calendar- just appears as the CSS text when I try to refresh the site. I'm using weebly for my website, and have used CSS before... Please let me know if you have any suggestions or if I can fix the code!




<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-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:;
color: #FFFFFF;
/* 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>


<script type="text/javascript" src='http://www.localendar.com/public/AshleyGSR?include=Y&style=M5'></script>

Posted by support at Aug 24, 2012, 3:04:27 AM

Re: CSS when embedding mini calendar
A link is always helpful...

From the example you pasted, I don't see an opening <style> tag. Maybe it's like that on your site, or something else is the matter, but once I can see the page source I'll know for sure.
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news