[EventCalendar] Styling lists for Event Calender - Can I?

Alex Tingle alex at firetree.net
Tue Feb 27 21:51:18 UTC 2007


Hi Karl,

On Tue, 27 Feb 2007 18:47:27 +0000
"Karl Bedingfield" <karl at bedingfield.biz> wrote:

> Hi all,
> 
> I am using option 3 from
> http://wpcal.firetree.net/template-functions/ec3_get_events/
> 
> Now I am wondering if I can style the generated < ul > and < li > tags so I
> can get my own styling to my events. Is there an easy way to do a <li
> class="foobar"> and the same with the ul?

Eh, what's what with the current HTML? Here's the generated HTML from
the example site:

 <li id="upcoming-events" class="widget ec3_widget_list">
  <h2 class="widgettitle">Upcoming Events</h2>
  <ul class='ec3_events'><!-- Generated by Event Calendar v3.1.0 -->
   <li class='ec3_list ec3_list_day'>
    25 March:
    <ul>
     <li><a href="...">Split Event. (11:00 am)</a></li>
     <li><a href="...">Split Event. (2:00 pm)</a></li>
    </ul>
   </li>
   <li class='ec3_list ec3_list_day'>
    27 March:
    <ul>
     <li><a href="...">All Day Event (all day)</a></li>
    </ul>
   </li>
  </ul>
 </li>

So to style the day headings...

 ul.ec3_events li.ec3_list { color:green }

And the event listings...

 ul.ec3_events li.ec3_list li { color:green }

Why do you need more class names?

-Alex

-- 
:: Let me solve your problems: http://www.firetree.net/consulting/
:: alex.tingle AT firetree.net  +44-7901-552763 



More information about the EventCalendar mailing list