Forums - View Thread - Font issue with Localendar

Welcome Guest | Login

Index | Recent Threads | Register |

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

Quick Go »

Thread Status: Normal
Total posts in this thread: 27

[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 2025 times and has 26 replies

support
localendar Expert

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

Re: Font issue with Localendar	Reply to this Post Reply with Quote
	[Delete this Post]

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

[Dec 6, 2017, 8:31:30 PM] [69.126.188.75]

[Link]

OPwebmaster
localendar Expert

Joined: Jan 24, 2015
Posts: 301
Status: Offline

Re: Font issue with Localendar	Reply to this Post Reply with Quote
	[Delete this Post]

Marc:

Have a look at your CSS under Options now.
I added

a.mj-usr{font-size:20px;color:#ddd;}

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

Harry

[Dec 6, 2017, 9:13:20 PM] [72.241.35.21]

[Link]

support
localendar Expert

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

Re: Font issue with Localendar	Reply to this Post Reply with Quote
	[Delete this Post]

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

[Dec 15, 2017, 8:17:41 PM] [69.126.188.75]

[Link]

OPwebmaster
localendar Expert

Joined: Jan 24, 2015
Posts: 301
Status: Offline

Re: Font issue with Localendar	Reply to this Post Reply with Quote
	[Delete this Post]

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

[Jan 7, 2018, 9:42:08 PM] [72.241.35.21]

[Link]

support
localendar Expert

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

Re: Font issue with Localendar	Reply to this Post Reply with Quote
	[Delete this Post]

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

[Jan 9, 2018, 11:09:47 PM] [69.126.188.75]

[Link]

OPwebmaster
localendar Expert

Joined: Jan 24, 2015
Posts: 301
Status: Offline

Re: Font issue with Localendar	Reply to this Post Reply with Quote
	[Delete this Post]

Marc:

A perfect solution!

Thanks a lot.

Harry

[Jan 10, 2018, 8:05:45 PM] [72.241.35.21]

[Link]

support
localendar Expert

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

Re: Font issue with Localendar	Reply to this Post Reply with Quote
	[Delete this Post]

Happy to help. smile

----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

[Jan 12, 2018, 10:02:33 PM] [69.126.188.75]

[Link]

[Show Thread Printable Version] [Post new Thread]