WordPress.org

1. chicagoave
   Member
   Posted 10 months ago #

   Hello,

   I have amr ical events setup on wordpress to pull in calendar data from an ics file and display as a large calendar and as a sidebar widget on my blog. I would like to stylize the text color of the events on the large calendar and widget based on the CATEGORY data in the ics file through a CSS style.

   How can I do this? I have enabled the category field to show up but it displays as text before my event title. I try and use the 'before' and 'after' config fields to place the category name in a span but it converts my html to text.

   Any help would be greatly appreciated. Thanks.

   http://wordpress.org/extend/plugins/amr-ical-events-list/

2. dennishall
   Member
   Posted 10 months ago #

   You can use the a custom.css.

   Trace the styles with FF or your preferred tool and inject your own styles to test it, then recreate those style in you custom.css file.

   Using these basic tools, you can even restyle pages in iFrames if you understand Cascading Style Sheet principles trace the style paths.

3. chicagoave
   Member
   Posted 10 months ago #

   But how do I get the categories to show up as styleable classes in my large calendar layout?

4. anmari
   Member
   Posted 10 months ago #

   Hi guys,

   the classes are already in the html - you do not need to do anything.

   either by id (using t## - t for term because one cannot have a selector starting with a number. So t3 is the class for category or taxonomy term with id 3)
   or by term name (category name etc).

   Although in checking I have just seen that where there are multiple categories, the classes are being squished together.

   To fix that if you want to use names.

   Change the code in file amr-ical-events-list-main.php in lines 1166 and 1167 to
   

   if (isset($e['CATEGORIES'])) {
       if (is_array($e['CATEGORIES']))
   	$e['Classes'] .= ' '.implode(' ',$e['CATEGORIES']);
       else
   	$e['Classes'] .= ' '.$e['CATEGORIES'];
   }

   It will be like that in the next update.

   See also http://icalevents.com/3590-style-events-by-category/

5. chicagoave
   Member
   Posted 10 months ago #

   Thats the thing, the categories aren't showing up in my layout. I'm using large calendar 9 and list type 4. Here's the code being generated on the large calendar 9

   <div class="event history inprogress untimed allday cal0 vevent array">
   <div class="details1">Anniversary for John N -  2 Years </div>
   <div class="details2"><div><br></div> </div></div> 
   
   <div class="event history inprogress untimed allday cal0 vevent array">
   <div class="details1">Happy Birthday to Amber T</div>
   <div class="details2"><div><br></div> </div></div>

   and here's the data (shortened) from my ics file.

   BEGIN:VEVENT
   CATEGORIES:Green Category
   SUMMARY;LANGUAGE=en-us:Anniversary for John N -  2 Years 
   
   BEGIN:VEVENT
   CATEGORIES:Orange Category
   SUMMARY;LANGUAGE=en-us:Happy Birthday to Amber T

   Thanks.

6. anmari
   Member
   Posted 10 months ago #

   that 'array' is probably the problem - it is working for internal events, so must be ics files not working - will look into it and get an update up.

7. anmari
   Member
   Posted 10 months ago #

   See version 4.0.15

8. chicagoave
   Member
   Posted 10 months ago #

   thanks so much. working now. you are amazing.

   There is another bug I've come across having to do with external files. But it's probably outlook's fault rather than the plugins.. thought I'd point it out anyway in case you had a fix. By defualt long events wrap to two lines on export and appear as a line break. The plug-in ignores the break and only displays the information before it. I do a search an replace to fix it after I export my file but thought I'd point out what's happen.

   For example with this code the second line won't be displayed by your plugin and I have to search and replace to change it to fit on one line.

   SUMMARY;LANGUAGE=en-us:Anniversary for Kevin M - 19 Years\, Gary D
   	 - 5 Years\, Chris H - 5 Years

Reply

You must log in to post.