Featured Events

If you've ever wanted to highlight, promote, or feature a specific event on your site, The Events Calendar's "Featured Events" tools are sure to be useful.

Making an event "Featured" imbues it with a number of special properties that make it stand out from non-featured events. In this complete guide, we'll see how to make an event "Featured", and will explore all of the special properties of "Featured Events" in depth.

How to Feature an Event

Ever since version 4.4 of The Events Calendar, you can make events "Featured" with a simple checkbox in the event's edit screen. Here's a screenshot showing the location of this checkbox (click for a larger-sized image):

The "Feature Event" Checkbox

The "Feature Event" checkbox in the wp-admin edit screen of an event.

☝️ Simply check this box on any event you'd like to feature, then Publish or Update the event to save the changes. The event will now be a "Featured Event" indefinitely. If you decide you don't want to feature the event any longer, simply uncheck that box and Publish or Update the event.

What Happens to an Event Once it's "Featured"?

There are a number of properties unique to featured events that help to distinguish them from "non-featured" events. Each of these properties is described below.

In the Month View

One of the most visible changes to an event once it becomes "Featured" is that it is automatically made "sticky" in the Month View of your events calendar.

As an example of this in action, view the following two screenshots. The event to take note of is titled "Jerry Seinfeld Live"—in this first screenshot, this event is not featured and displays normally (click for a larger-sized image):

The "Jerry Seinfeld Live" Event is Not Featured 
The "Jerry Seinfeld Live" event is not featured.

In this screenshot, this event is featured—note how it displays now, with a highlighted background color and atop all the other Month View events of the day on which it occurs (click for a larger-sized image):

The "Jerry Seinfeld Live" Event is Featured

The "Jerry Seinfeld Live" event is featured.

Featured Events Archive

One of the great aspects of The Events Calendar's "Featured Events" system is that you can append /featured/ to any calendar view URL so that it shows only Featured Events in that view.

So, for example, let's say your calendar exists at this URL: example.com/events

You would be able to view a filtered version of your calendar that only shows Featured Events by going to this URL: example.com/events/featured

☝️ This /featured/ URL would show whatever calendar view is specified—Month View, List View, Photo View, etc.—but filtered to only show Featured Events appropriate to that view.

"Featured Events"-Specific CSS

Featured events—and only featured events—get this CSS class added to them: .tribe-event-featured.

This is useful for writing custom styles specific to featured events. If you wanted to add custom CSS on your site that made featured events have a light blue background, you could write CSS like this:

.type-tribe_events.tribe-event-featured {
    background-color: #0ea0d7;   

Filter Bar Filters

If you have Featured Events on your site, and have our Filter Bar add-on installed and activated on your calendars, then there will be a new filter in the Filter Bar filters called "Featured Events".

If you click the checkbox associated with this filter, the calendar view will be filtered to only show Featured Events. Here is a screenshot of this filter in action (click for a larger-sized image):


Customize Featured Events Colors in the Customizer

You can customize the Featured Events Highlight Color from within the WordPress Customizer—check out the Customizer guide here to learn more about how to do so.