Hello,

I've got FullCalendar module working in my Drupal 7 installation. I'm only using it to display my Google Calendar. That is working, but I'm trying to style the display so that the events don't use the default blue color.
I've tried the Colors module, but that throws a warning about something, so I've reverted to using my site theme's custom css file that allows me to override styling.

I've got it to change the event text color and background, but for the life of me I cannot find the right css selector to change the color of the TIME of the event that's being displayed. I've tried styling fc.event-time and that doesn't change anything. Below is a link to the calendar I'm talking about. Any help you have would be greatly appreciated

http://darbycreek.org/calendar/monthly

Thanks!
Greg

Comments

glidetothehoop’s picture

glidetothehoop CreditAttribution: glidetothehoop commented

I did find a work around, but I could not get my custom css file for my site theme to overide the default FullCalendar css style for the event time.

So, what I did was go into the FullCalendar module folder (...modules/fullcalendar/css) and edited the fullcalendar.theme.css file ...specifically the FullCalendar default style...(see below ...my changes are there)

/* Set FullCalendar default style */
.fc-event-default,
.fc-event-default .fc-event-skin,
.fc-event-default .fc-event-time,
.fc-event-default a {
border-color: #900151;
border-style: solid;
background-color: #900151;
color: #FFFFFF;
}