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?

    Regards

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

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