This guide outlines stylesheets and classes for styling the calendar widgets for both The Events Calendar (TEC) and Events Calendar Pro (ECP). This follows the same concepts outlined in our “Customizing CSS” guide, so please check that out if you haven’t already.
| Widget | Plugin | Stylesheet | Base Class |
|---|---|---|---|
| Events List | TEC & ECP | widget-events-list-full.css |
.tribe-events-widget-events-list |
| Event Calendar |
ECP | widget-shortcode-skeleton or (-full) |
.tribe-events-widget-shortcode-events-month |
| Events by Week | ECP | widget-shortcode-skeleton or (-full) |
.tribe-events-widget-shortcode-events-week |
| Featured Venue |
ECP | tribe-events-pro.css |
.tribe-events-venue-widget |
| Countdown | ECP | tribe-events-pro.css |
.tribe-events-countdown-widget |
As you can see, different widgets require different stylesheets to be set up within your theme if you are to successfully style them to suit your needs.
We hope this post helps you to quickly get to grips with styling each of our widgets, but if you have any questions or need more specific guidance please feel free to contact the support team at our Help
Desk.