localendar Forums Homepage

Print at Nov 13, 2025, 10:08:14 AM
Posts: 27   Pages: 3   [ Previous Page | 1 2 3 ]
View all posts in this thread on one page
Posted by support at Dec 6, 2017, 8:31:30 PM
Re: Font issue with Localendar
Have a look at your CSS under Options now.
I added
a.mj-usr{font-size:20px;color:#ddd;}

which will make the size a little bigger, and the non-current months a little lighter.

We currently don't provide a hook to specifically style the current month in the month-jump list under the title (I'll see about getting one added)
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

Posted by OPwebmaster at Dec 6, 2017, 9:13:20 PM
Re: Font issue with Localendar
Marc:
 
Have a look at your CSS under Options now.
I added
a.mj-usr{font-size:20px;color:#ddd;}

which will make the size a little bigger, and the non-current months a little lighter.

We currently don't provide a hook to specifically style the current month in the month-jump list under the title (I'll see about getting one added)


Looks great! Thanks.
What function does the leading 'a' of 'a.mj-usr' perform?


Harry

Posted by support at Dec 15, 2017, 8:17:41 PM
Re: Font issue with Localendar
The 'a' is for the anchor (or hyperlink) tag. As in <a href=...>

The whole a.mj-user bit is called a "CSS Selector". You are saying "I want this CSS to apply to all <a> tags with the class 'mj-user'"
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

Posted by OPwebmaster at Jan 7, 2018, 9:42:08 PM
Re: Font issue with Localendar
Marc:
 
We currently don't provide a hook to specifically style the current month in the month-jump list under the title (I'll see about getting one added)

I am still making changes to the a.mj-usr function you gave me to make it easier for the user to distinguish the current from the non- current months, and still be easily readable. That is why I added font-weight: bold. Here is what I currently have:
a.mj-usr{font-size:20px;font-weight:bold;color:#c0c0c0;}
The font-size: and font-weight: functions control all 12 months. But the color: function only controls the 11 non-current months (i.e., Feb-Dec).

Rather than styling just the current month as you mentioned, is there a way that I can change the font-size for just the 11 non-current months? If they were smaller they could be a darker color and still stand out from the current month.


Harry

Posted by support at Jan 9, 2018, 11:09:47 PM
Re: Font issue with Localendar
We did add a way to target the current month, so to do what you want, you would need a line that looked something like this:

<style>a.mj-usr{font-size:12px;font-weight:bold;color:#c0c0c0;}.mj-current{font-size:20px !important;} </style>
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

Posted by OPwebmaster at Jan 10, 2018, 8:05:45 PM
Re: Font issue with Localendar
Marc:

A perfect solution!

Thanks a lot.


Harry

Posted by support at Jan 12, 2018, 10:02:33 PM
Re: Font issue with Localendar
Happy to help. smile
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

Posts: 27   Pages: 3   [ Previous Page | 1 2 3 ]

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