localendar Forums Homepage

Print at Oct 16, 2025, 4:36:59 AM View all posts in this thread on one page
Posted by studiolotus at Mar 22, 2010, 2:14:40 PM
CSS support?
Can I completely restyle my calendar using CSS? It looks like I can only change colors, but I want custom fonts, sizes, etc.

Please reply to: lisa@lisahazen.com.

Posted by support at Mar 22, 2010, 11:40:50 PM
Re: CSS support?
In addition to the customization options under Options->Colors, the following CSS is exposed/intended to be used by members for customization of their calendar:

.m-usr
.mt-usr
.mm-usr
.mal-usr
.mar-usr
.w-usr
.wt-usr
.wal-usr
.war-usr
.d-usr
.dt-usr
.dal-usr
.dar-usr


You can view the calendar source for the day, week, and month views to see where these classes are applied. That will allow you to change fonts on the calendar events, titles, etc.
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

Posted by studiolotus at Mar 23, 2010, 4:49:20 PM
Re: CSS support?
Thank you!

Posted by martinwebteam at Apr 14, 2010, 5:44:40 PM
Re: CSS support?
I do not see this option when in Options > Colors. Can you please tell me what I need to do to be able to see it?

Posted by support at Apr 20, 2010, 8:46:14 PM
Re: CSS support?
The Options->Colors editor lets you change a lot of the colors on your calendar, but there are things it doesn't let you do like change font sizes, opacities, more specific background effects/images, etc.

That's why we added the custom CSS "hooks" mentioned in the post above. These are for experienced webmasters to create their own stylesheets to enhance their calendars. Most people who go this route then put the HTML to include their custom stylesheets in their calendar's Title field under Options->General.
----------------------------------------
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