How to set background color for current day in Calendar?

App Building
1

How can I set a background color for the current day, similar to the demo example at FullCalendar?

image
image1073×570 31.1 KB

My current settings:

image
image332×1051 50.2 KB

And my current calendar, without different background color for the current day:

image
image1337×911 59.8 KB

Something I am missing?

2

Hello!, could you try this?

CUSTOM CSS

td.fc-daygrid-day.fc-day.fc-day-today {
  background: {{ calendar1.viewType == "month" ? "red" : "" }}; // ensures that the background is only applied when view type is "month", otherwise it will be applied in all view types (week, day & list)
}

image

3

@OOSC3 , thanks a lot, that solved my issue :slight_smile:

1 Like