Plugin Author
Dan D
(@duplaja)
@alcatrazhorizon
Hello, and sorry for the delayed reply!
I teach full time, and have been buried a bit with the school year starting. The biggest tip I can give is just to use Chrome’s inspector tool, and see what classes each part is assigned. If you have something specific you’d like help with, shoot me a link to the page it’s on, and a description of what you’re trying to do, and I’ll see if I can help whip something up.
Thanks!
Dan
@alcatrazhorizon
Here are a few styling suggestions that I’ve implemented.
To make each row of the calendar dates taller
.fc-basic-view .fc-body .fc-row {
min-height: 6em;
}
To make the weekday names less tall and with a background colour
.fc-row.fc-widget-header > table {
margin-bottom: 0px;
background-color: #589b37;
color: #FFF;
}
For a list view, to change the height of each row as tall or short as you like
.gcf-item-body-block {
max-height: 1.8em !important;
}
For a list view, to change the main table background colour to white
.gCalFlow {
background-color: #FFF !important;
}
For a list view, to change the header background colour
.gcf-header-block {
background-color: #589b37 !important;
}
