Forums - Print Thread - Font issue with Localendar

Forums
» List all forums
» » Forum: General Discussion
» » » Thread: Font issue with Localendar

Print at Nov 13, 2025, 10:59:50 PM

Posted by HMWlotest1 at Sep 30, 2016, 5:19:31 AM

Re: Font issue with Localendar
Marc:

Ah, I see what you mean about the legend (is that it?)

You can change just that font back to Arial with:

Perfect! I changed it back on this calendar:
http://localendar.com/public/HMWlotest1?rss_link=false

What font did you change everything TO on your new 'awesome' look?

Harry

Posted by support at Sep 30, 2016, 2:00:28 PM

Re: Font issue with Localendar
It's a combination of fonts currently, consisting primarily of Montserrat and Open Sans from the Google Web Fonts project:
https://fonts.google.com/specimen/Montserrat
https://fonts.google.com/specimen/Open+Sans
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

Posted by OPwebmaster at Sep 30, 2016, 11:40:47 PM

Re: Font issue with Localendar
Marc:

Paste this into your calendar title (under Options->General) and it should reset most of the fonts to Arial:

Can you tell me what each of the following abbreviations reference? I know what the other ones are, but I cannot decipher these. I assume that –usr is the User Name of the person who owns the Localendar account?

.merged-usr, Somehow this and .category-usr combine to change legend, but I’m not clear what each do individually.
.category-usr,
.mj-usr,
.mm-usr, Month Name on Month view (September 2016; 3 character abbreviations, or both??)
.w-date-usr, Text, digit, or both??
.dr-usr,
.dj-usr,
.dj_weekday-usr,
.dj_weekend-usr,
.dj_weekday-usr,
.dj_diffmonth-usr,
.d2-header-usr,
.d2-date-usr,
.list-daylabel-usr,
.list-event-desc-usr,
.list-event-title-usr,
.dayname-abbr-usr

Thanks again,

Harry

Posted by support at Oct 14, 2016, 2:57:50 PM

Re: Font issue with Localendar
You can see an explanation of the various CSS hooks here:
http://localendar.com/docs/display/lc/Custom+Calendar+CSS

These class names do not change (-usr does not mean -OPWebmaster)
"-usr" is left there for localendar users (-usr smile

) to override the CSS that localendar uses.
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

Posted by OPwebmaster at Oct 14, 2016, 6:04:57 PM

Re: Font issue with Localendar
Marc:

You can see an explanation of the various CSS hooks here:
http://localendar.com/docs/display/lc/Custom+Calendar+CSS

You sneaky guy. You just updated the list! Thanks for doing that.

But the following are still missing:

.merged-usr
.category-usr
.w-date-usr You don't say if this is text, digits, or both?
.dr-usr
.list-daylabel-usr

Harry

Posted by support at Oct 14, 2016, 7:26:23 PM

Re: Font issue with Localendar
for .w-date-usr, I believe it's both.

merged-usr are merged calendar names
category-user are category names (both of these are in the legend at the bottom of the calendar)

dr-usr is currently unused

.list-daylabel-usr: The Date/Day Label on the Month,Week,Day List Views
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

Posted by OPwebmaster at Oct 14, 2016, 8:29:37 PM

Re: Font issue with Localendar
Marc:

Many thanks.

Harry

Posted by OPwebmaster at Nov 30, 2017, 5:03:37 AM

Re: Font issue with Localendar
Marc:
On 9/29/2016 you said this:

Hi Harry,
A couple quick things:
First, we did make this change in a way that lets us move towards user-selectable fonts (which is something that will make its way under Options->Colors in the near future)

Has the user-selectable font feature ever been added? I could not find this on Options->Colors.

I have recently been updating my fonts the 'old' way with CSS classes. I have run into a couple of problems, perhaps due to the fact that I am not a programmer.

1. When is it permissible to have spaces between CSS entries? For example I had ".mt-usr{font-size:28px;font-family:Arial;}. wt-usr{font-size:28px;font-family:Arial;}" Because there was a space between the . and wt-usr, wt-usr would not execute. But in other instances, the space did not seem to make any difference. Nevertheless, I removed all spaces except where they were required for .view_style.

2. My bigger problem is with .mj-usr. It does not work. In fact, if I incorporate something like this: ".mj-usr{font-size:16px;font-family:Arial;}", it actually overrides my .m-usr setting!

Here is the code I am currently using. I have left .mj-usr out of it. Much of it is based on what you supplied me in 9/2016.

<style>.mt-usr{font-size:28px;font-family:Arial;}.wt-usr{font-size:28px;font-family:Arial;}.dt-usr{font-size:28px;font-family:Arial;}.merged-usr,.category-usr{font-size:13px;font-family:Arial;}.m-usr{font-size:13px;font-family:Arial;}.mm-usr,.w-usr,.d-usr,.dj-usr,.d2-header-usr,.dj_weekend-usr,.dj_weekday-usr,.dj_diffmonth-usr,.w-date-usr,.list-daylabel-usr,.list-event-desc-usr,.d2-date-usr,.list-event-title-usr,.dayname-abbr-usr {font-family:Arial;}.view_style_M1 * {font-size:32px;}</style><script>jQuery(document).ready(function() {jQuery('.mal-usr').attr('src','http://www.localendar.com/upload/OPwebmaster/arrowtest2lltblue.gif');jQuery('.mar-usr').attr('src', 'http://www.localendar.com/upload/OPwebmaster/arrowtest2rltblue.gif');jQuery('.wal-usr').attr('src','http://www.localendar.com/upload/OPwebmaster/arrowtest2lltblue.gif');jQuery('.war-usr').attr('src', 'http://www.localendar.com/upload/OPwebmaster/arrowtest2rltblue.gif');jQuery('.dal-usr').attr('src','http://www.localendar.com/upload/OPwebmaster/arrowtest2lltblue.gif');jQuery('.dar-usr').attr('src', 'http://www.localendar.com/upload/OPwebmaster/arrowtest2rltblue.gif');});</script>

I publish using a fully interactive embedded javascript calendar, because it has some unique features that the responsive iframe does not have. You can see my localendar on this page on my website: http://www.ottawapark.org/calendar-ottawa-park-toledo.html

Any help would be greatly appreciated.

Harry

Posted by support at Dec 5, 2017, 2:12:56 AM

Re: Font issue with Localendar
Hi Harry,

We currently do not offer font-selections through the wysiwyg calendar style editor.

I think you have discovered what the 'C' in CSS stands for. It's 'Cascading' ;)
That means that certain settings to a style on an outer-level element will be automatically inherited by nested elements - unless they are overriden on those children.

Btw, you cannot have spaces in your CSS selectors (i.e., ". wt-usr")
.wt-usr is what is called a "class" selector. That's what the leading period indicates. Any element (and there can be multiple) with the class="wt-usr" will be affected by the styles you define. Btw, an element can have multiple classes declared and can also inherit the styles set on its parents' classes.

If a CSS element starts with a #, it's an ID selector. Elements on the page can only have a single id, so this type of selector is highly targeted.

I can try and help you with your calendar's CSS. what is the specific item on the page you are trying to style (please give me an English description and not a CSS class) Is it the month names underneath the name of the current month?
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

Posted by OPwebmaster at Dec 5, 2017, 5:27:19 AM

Re: Font issue with Localendar
Marc:

Hi Harry,I can try and help you with your calendar's CSS. what is the specific item on the page you are trying to style (please give me an English description and not a CSS class) Is it the month names underneath the name of the current month?

Yes, it is the month names abbreviations (i.e., DEC) under the current month/year (i.e., December 2017). I want to make the font slightly larger, and make the current month (i.e., DEC) bolder. It one does not look at the current month/year, it is almost impossible to know what month the calendar is displaying.

And depending on what the default font type is for the abbreviations, I may want to change that also.

Thanks for the other tips, although I only have a vague idea of the required structure.

Harry