Hey everyone,
Just a quick post on how to change a few of the styles in FullCalendar. All you need to do is add these after the default styles are loaded:
Current Day Background Color
.fc-today{ background-color: blue; }
Change Calendar Background Color
#calendar .fc-content{ background-color: #FFFFFF; font-size: 80%; }
Add Box Shadow to Events
#calendar .fc-event{ box-shadow: 2px 2px 2px #706868; }
Style Times and Days – Add border radius to headings
#calendar .fc-agenda-axis, #calendar .fc-widget-header{ background-color: #C2E6FF; border-color: #AED0EA; font-weight: normal; padding: 3px; border-radius: 3px; }
Leave a Reply