Countdown Timer for RSVPMaker for WordPress

RSVPMaker now offers a countdown timer block. You can embed it in an event, and it will show the countdown to the start time for that event. Or add it to a post or page (for example, a blog post highlighting how quickly the event is approaching) and specify which event you’re targeting.

You can see an example of how it works when embedded in an event below.

Wednesday May 19, 2021 7:00 PM to 10:00 PM
 
Private Citizen Obama
Private Citizen Barack Obama

Sign up early for our best Toastmasters district conference ever! Our keynote speaker will be former President Barack Obama, with a presentation on how to use “Um’s” and “Ah’s” to make yourself sound thoughtful.

The educational seminar program is going to be dynamite, and you will not want to miss our district-level Table Topics and International Speech contest competitions.

Early bird pricing will be available until September 1, 2020, so register today for the best deal.

Counting Down to Our Conference

RSVP Now!

Event Types:

Styling the Countdown Timer

RSVPMaker provides some basic styling for the countdown timer, which you can modify to fit your preferences using, for example, the WordPress Customize tool. Here’s an example.

CSS classes you can target include:

  • countdowndigits: the digits included in the display
  • countdowndigits-line: the whole line of content
  • countdowndays, countdownhours, countdownminutes, countdownseconds: the components of the time
  • countdownspacer: wraps around the colon between hour, minutes, and seconds
  • countdowndayslabel: the label “days” that appears between the days and hours

You can also specify what should be displayed after the countdown has expired (the scheduled start time of the event is past). The choices are a “stopped clock” like 00:00:00, the stopped clock plus a message, or just the message you provide. If you don’t want anything displayed, select “none.”

If a message is displayed, it will be a paragraph with the class “countdown_expiration_message” as a target for any CSS.

Leave a Reply