Forums - Print Thread - How to edit "Day" text appearance in mini calendar?

Forums » List all forums » » Forum: Webmaster's Corner » » » Thread: How to edit "Day" text appearance in mini calendar?
Print at Oct 27, 2025, 8:51:56 PM	View all posts in this thread on one page

Posted by LN_Band at Jul 14, 2011, 12:18:10 PM

How to edit "Day" text appearance in mini calendar?
Hello,

I currently have a mini calendar set up in monthly block format. Across the top is SUN MON TUES... etc. I would like to change the days to appear as the following: S M T W T F S.

Where is the CSS or javascript that controls this so that I can edit it?

I was also wondering how I could also add rules around each day shown in the block to create a kind of table grid look. Perhaps even with a small 1 or 2 px margin between "cells".

Thanks.

Posted by support at Jul 20, 2011, 12:02:56 AM

Re: How to edit "Day" text appearance in mini calendar?
The text is styled by CSS (the middle "S") but not set by it. So although there are CSS rules to control what the text looks like, you cannot alter it to just show the first letter.

As for borders, in the

.localendar-mini td, th {
  width: 30px;
  height: 30px;

etc.

part of the CSS for this calendar view, you can add

border: 1px solid #000;

and I think that will give you what you want.
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

Posted by LN_Band at Jul 22, 2011, 11:43:33 AM

Re: How to edit "Day" text appearance in mini calendar?

So although there are CSS rules to control what the text looks like, you cannot alter it to just show the first letter.

That's unfortunate. Perhaps this would be a nice option to offer in the admin panel. i.e. "view days as S, M, T,... at some point to go along with other display options that are currently offered.