• A. css diferent style for each feed (colour and cell background)
    plus / description to colours /feed names by option available in grid widget view

    B. pull down colour ingo directly from google … now it has a feature to set diferent colours for diferent eavents within a fead

    thx great work

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Contributor Ross Hanney

    (@rosshanney)

    Hello,

    The plugin already does create feed specific CSS classes that can be used to style things differently for each feed. A ‘key’ to the colours / feeds could be a good idea though. I’ll look into it for a future version.

    Colours set with the new Google Calendar feature don’t appear to sent with the feed data, so there’s no way for the plugin to retrieve this information, I’m afraid. I guess it may be included at some point in the future though, I’ll keep any eye out.

    Ross.

    Thread Starter thekjub9

    (@thekjub9)

    thx for answer but I was unable to locate css code for one feed … I only found css and widget code and eavent cell background but thats for all eavents ??

    inbuild eavent manager is greate I love the shortcode style but there in not the whole code the top line in eavent list widget EAVENT ON x.x.2011 with bold font is there by default ?? and I can only edit through css widget // only things that are beneath this title

    Plugin Contributor Ross Hanney

    (@rosshanney)

    For each grid cell with events, the plugin will add a CSS class for each feed that has an event on that day. So for example, if a grid cell has an event from feed 1, its markup would look like this:

    <td class="gce-has-events gce-feed-1">...</td>

    If it had events from feed 1 and feed 3, it would look like this:

    <td class="gce-has-events gce-feed-1 gce-feed-3 gce-multiple">...</td>

    Each event in the tooltip is also given a feed specific CSS class, like this:

    <li class="gce-tooltip-feed-1">...</li>

    The ‘Events on…’ section can be adjusted with something like the following CSS:

    .gce-event-info .gce-tooltip-title{
        font-weight:normal;
    }

    Ross.

    Thread Starter thekjub9

    (@thekjub9)

    If I understood it right than each eavent has its own css ???

    so If I have one feed with 20eavents I set
    google-calendar-events/css/gce-style.css

    /* WIDGET GRID */
    .gce-widget-grid .gce-calendar .gce-has-events{ /* Table cells with events */
    	cursor:pointer;
    	color:#000000;
    	background-color:#FFBA00;
    }

    now all events have the same background (orange)…
    and now I add a new feed ID 2 and want to make all events (red) …
    how can I do that ?

    Plugin Contributor Ross Hanney

    (@rosshanney)

    That would make all events have an orange background, regardless of feed.

    To make all events from feed 1 orange, you would add this:

    .gce-widget-grid .gce-calendar .gce-feed-1{
        background-color:#FFBA00;
    }

    Then to make all events from feed 2 red, you would add this:

    .gce-widget-grid .gce-calendar .gce-feed-2{
        background-color:#FF0000;
    }

    Ross.

    Thread Starter thekjub9

    (@thekjub9)

    thx thx so much ?? it was so easy ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘diferent colour for feeds / event types’ is closed to new replies.