Forums - View Thread - CSS when embedding mini calendar

Welcome Guest | Login

Index | Recent Threads | Register |

Forums » List all forums » Forum: General Discussion » Thread: CSS when embedding mini calendar

Quick Go »

Thread Status: Normal
Total posts in this thread: 2

[Change thread status] [Delete this Thread] [Move this Thread]
[Add To My Favorites] [Watch this Thread] [Post new Thread]

Author

This topic has been viewed 141 times and has 1 reply

AshleyGSR
New Member

Joined: Aug 23, 2012
Posts: 1
Status: Offline

CSS when embedding mini calendar	Reply to this Post Reply with Quote
	[Delete this Thread]

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>

[Aug 23, 2012, 8:04:24 PM] [38.97.15.99]

[Link]

support
localendar Expert

Joined: Aug 9, 2022
Posts: 6438
Status: Offline

Re: CSS when embedding mini calendar	Reply to this Post Reply with Quote
	[Delete this Post]

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

[Aug 24, 2012, 3:04:27 AM] [24.190.17.62]

[Link]

[Show Thread Printable Version] [Post new Thread]