How to set the color of the current day in FullCalendar?

Question

I would like to change the color of the current day, but only when the calendar is displayed in day mode. My users say that it’s not easy for them to see lines or something like that. I looked through the documentation as well as css / js and did not find a quick way to do this. Is this even possible without major code changes?

Answer 1

I honestly don't know what you're talking about, but the jQuery UI fullcalendar widget uses the CSS class .fc-today to style the current day. If your changes are not visible, try using !important - perhaps one of many other classes will override your styles elsewhere.

Answer 2

you can use the following code

 .fc-today { background: #FFF !important; border: none !important; border-top: 1px solid #ddd !important; font-weight: bold; } 

Answer 3

If you are not using a theme, this worked for me using FullCalendar 2.3.1

 .fc-unthemed .fc-today { background: ....; } 

Answer 4

To change the fullcalendar color / background of the current day in dayview, add the following CSS class and make sure it is loaded after all CSS styles.

  .fc-view-basicDay .fc-today { color:....; background:....; } 

Answer 5

for me it was .ui-state-highlight.fc-today

Answer 6

I had several calendars, so this worked:

 #calendar .fc-today { background: #FFF !important; } #calendar-two .fc-today { background: #FFF !important; } 

Using #calendar-favorite .fc-unthemed .fc-today { ... } does not work, so be sure to remove the .fc-unthemed .

Also check out the jquery way: fooobar.com/questions/880212 / ... using dayRender