Any way to customize the Calendar Overlay color possibilities?

Question

_{Friday, May 7, 2010 2:19 PM}

Greetings all,

Does anyone know how we might change the selection of colors available for calendar overlays? Maybe this is accomplished through CSS, or is a part of the theme, or...?

Thanks!

--Dave

All replies (7)

_{Friday, May 7, 2010 8:50 PM ✅Answered | 1 vote}

Hi Dave,

The colors are controlled by the css classes ms-acal-color1 to ms-acal-color9.

These are defined in the file LAYOUTS\1033\STYLES\CALENDARV4.CSS from line number 337 onwards.

You could alter the style sheet or preferably add your own style sheet. Alternatively you could inject an override to the style on a single page by using a content editor web part and adding your own <STYLE>...</STYLE> elements.

I hope this helps.

Brian C | Blog Site

_{Monday, May 10, 2010 1:29 PM}

Thanks, Brian!

_{Monday, April 25, 2011 9:40 AM}

Hi Brian,

I have Given ms-acal-color1 as #ff0000 but there is no change in the color display !!

I am unable to change the colors based on my requirement for Calendar Overlay ..

Actualy I need by using CEWP ..Pls can you tell me how to override to the style on a single page by using a content editor web part and adding own <STYLE>...</STYLE> elements of custom colors!!.

_{Thursday, March 8, 2012 3:02 AM}

same question: http://social.technet.microsoft.com/Forums/en-US/sharepoint2010general/thread/9b5a5d43-677a-47ff-83db-44ee3c129cfa

_{Tuesday, February 10, 2015 12:45 PM}

You can use calendar overlay. Overlay means we have to make several view for different category and give different color each view.

Please refer to this link and look at reference section for detail explanation :

http://menetes.blogspot.com/2015/02/sharepoint-2013-calendar-color-overlay.html

_{Monday, January 30, 2017 2:02 PM}

link goes to a solution to a completely different question!

_{Sunday, May 28, 2017 11:37 PM}

I have the same problem.  Using SharePoint online. CEWP with suggested overriding styles does not work.