Styling Tips

@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;
}