Support » Plugin: Dan's Embedder for Google Calendar » Styling Tips

  • Hi Dan, I’m using your plugin and it’s working perfectly. Are there any tips you could provide with styling the front end using css?


Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Dan Dulaney



    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.



    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;
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Styling Tips’ is closed to new replies.