Go to the Calendar Settings section of Google Calendar, select the calendar you created, and find the Calendar ID (should look something like: tjrr8m4e623kue9om8f31e9408@group.calendar.google.com) under the Calendar Address section on the Calendar Details Tab.
I haven't built in any sophisticated configuration of the visual elements as of yet but you can do a couple things to tweak the output:
Alter the CSS either in the plugin configuration or in your theme. A simple viewing of the source should be enough to show you how the output is structured.
Alter the source code of the plugin itself.
I may get around to enabling a template for the output and some date configuration.
You probably don't have the default CSS included, see below.
It's embedded in the code or you can copy/paste from below:
upc0ming {padding:5px 20px 5px 20px;
} .upc0mingEvent { font-family:Times New Roman; min-height:80px; height:auto !important; height:80px; } .upc0mingEvent:after { display: block; height:0px; clear:right; content:" "; } .upc0mingEvent .calEntry { position:relative; float:left; width:50px; text-align:center; border:solid black 2px; margin:3px 3px 10px 10px; pading-right:10px; } .upc0mingEvent .calEntry .calYear { color:#FFFFFF; background-color:#000000; font-size:8px; line-height:8px; padding-left:7px; letter-spacing:7px; } .upc0mingEvent .calEntry .calMonth { color:#000000; background-color:#b0b0b0; font-size:11px; line-height:12px; letter-spacing:5px; padding-left:5px; font-weight:bold; } .upc0mingEvent .calEntry .calDay { color:#000000; background-color:#f0f0f0; font-size:24px; line-height:24px; font-weight:bold; } .upc0mingEvent .calEntry .calTime { color:#000000; background-color:#ffffff; font-size:9px; line-height:10px; } .upc0mingEvent .event { position:relative; clear:right; padding:10px 0 0 10px; } .upc0mingEvent .event .eventWhat { font-size:1.2em; font-weight:bold; } .upc0mingEvent .event .eventWhere { color:#404040; font-size:1em; font-style:italic; }




