Is it possible to highlight or color code the current day in a calendar?
3 Answers
I did a "10 Step Guide" to get it working, but it's SharePoint 2013.
If you still interested you can give it a try.
Works with month, week and dayview!
10 Steps to get color calendar plus icons - German
10 Steps to get color calendar plus icons - English
You can try to add a content editor webpart and edit that webpart, Click Edit the source and past the following the CSS.
.ms-acal-today{
color:#0072c6;
}
-
Hi, the above CSS is being overwritten by a theme. How can I force my CCS over the theme? Jun 17, 2015 at 14:43
-
1Solved it with <code><style> TR TD DIV.ms-acal-today { BACKGROUND-COLOR: #98ba17 }</style> Jun 17, 2015 at 14:50
-
To force a style add !important after the css style. So color:#0072c6 !important; Jun 21, 2015 at 17:29
The current date is highlighted differently, it is in a div uses the following class: ms-acal-today
. You could override this style to display something differently. Getting the container with the items for the date a bit more complex. It doesn't have a useful class assoicated with it, for example today on my 2010 calendaer is ms-acal-day1
.
It would take some jQuery/Javascript to find the date index in the ms-acal-summary-dayrow
and then get to the proper ms-acal-summary-itemrow
to do any other stylistic changes.