Changing the css in the widget

[Anonymous]

Hi,

I have been trying to change the formatting and color of the events when displayed through the sidebar widget, but i can’t seem to find out the classes i need to alter in the style sheet, when i check the source code there is no class defined, just ‘widget’. i don’t want to style all widgets the same way so changing the css for .widget is not an option.

can anyone offer any advice?

Thanks

[Franky]

This is the html-sourcecode for the widget:

<div id="dbem-calendar-200" class="dbem-calendar"><div class="month_n" style="display: none;">11</div><div style="display: none;" class="year_n">2010</div><div style="display: none;" class="cat_chosen">2</div><table class="dbem-calendar-table ">

<thead>

<tr>

<td><a href="#" class="prev-month  long_events"><<</a></td><td colspan="5" class="month_name">Nov 2010</td><td><a href="#" class="next-month  long_events">>></a></td>

</tr>

</thead>

<tbody><tr class="days-names">

<td>M</td><td>T</td><td>W</td><td>T</td><td>F</td><td>S</td><td>S</td></tr>

<tr>

<td class="eventless">1</td>

<td class="eventless">2</td>

<td class="eventless">3</td>

<td class="eventless">4</td>

<td class="eventless">5</td>

<td class="eventless">6</td>

<td class="eventless">7</td>

</tr>

<tr>

<td class="eventless">8</td>

<td class="eventless">9</td>

<td class="eventless">10</td>

<td class="eventless">11</td>

<td class="eventless">12</td>

<td class="eventless">13</td>

<td class="eventless">14</td>

</tr>

<tr>

<td class="eventless">15</td>

<td class="eventless">16</td>

<td class="eventless">17</td>

<td class="eventless">18</td>

<td class="eventless">19</td>

<td class="eventless">20</td>

<td class="eventless">21</td>

</tr>

<tr>

<td class="eventless">22</td>

<td class="eventless">23</td>

<td class="eventless">24</td>

<td class="eventless">25</td>

<td class="eventless">26</td>

<td class="eventless">27</td>

<td class="eventless">28</td>

</tr>

<tr>

<td class="eventless">29</td>

<td class="eventless">30</td>

<td class="eventless-post">1</td>

<td class="eventless-post">2</td>

<td class="eventless-post">3</td>

<td class="eventless-post">4</td>

<td class="eventless-post">5</td>

</tr>

</tbody></table>

</div>

As you can see it’s all CSS-ready for you to change. You’ll want: eventless-pre, eventless-post, eventless, eventful, eventful-today. See also http://www.e-dynamics.be/wordpress/#css

[Author]

Posts