WordPress countdown widget is a simple widget to add countdown and countup timers to your site. It has both widget and shortcode support and It is so easy to use. If you haven’t downloaded this plugin yet download it here.
Title
This is title for the widget. You can leave it blank or give your widget a title like “Final Countdown” :P
Event Title
This text will be displayed at the bottom of countdown. You can leave it blank or you can enter a phrase about the event like “until my birthday!”. This will explain why you are counting down.
Note; you can use html in this field to add links.
Date
This is the date we are counting down to. If you enter a past date countdown won’t work.
Time
Hours, Minutes and seconds of countdown. Any problems with that?
Format
This is where you can change how your countdown is displayed. Here are basic elements you can use in this field:
Y : years O : months W : weeks D : days H : hours M : minutes S : seconds
The basic countdown format is HMS which will display, hours, minutes and seconds.
Using lower case letters will hide “0″ (zero) values from the countdown. For example if you use yowdHMS as format then it will hide year, month, week and day values once they are “0″. If you want to show days only you can use D as format text.
Color
This is the text color of countdown widget. You can use three letter hexadecimal colors as well as 6-digit colors. See a list of html colors you can use here.
Background color
This is background color of countdown area. You can leave it blank to leave it transparent. Default gray background is : #ddd
Width
This is the width of the countdown layer. Countdown auto size contents to fit this width. If none is entered it will expand to full width of sidebar.
hi there
I had your countdown timer plug in running on a few pages on this site
http://westcoastlifestyleshow.com/exhibitors
and it stopped working. I deleted it, reinstalled in in the sidebar widget and still nothing. Any suggestions?
If you are using Minify from the W3 Total Cache it can affect the countdown scripts. This error can be caused by loading jquery twice also. Please deactivate any recently installed plugins, clear cache, and then test it.
Great little plugin. I would like to be able to embed several separate event countdown widgets on separate pages with different event dates.
I have been able to play with the css to make it look like I want, but how can I utilize your widget code like a shortcode with parameters (a parameter for the event date/time)?
after the update the colours are wrong and cannot be changed any more
I am going to fix that error tomorrow, will also write a post about shortcode usage.
I am trying to embed this code to my website, and after filling out the information, the countdown shows all zeros.
Please double check your date. If it shows all zeros this means countdown has finished.
Great plugin! Two questions:
- On the latest plug-in update, it changed my countdown from what it would be today (6 months, as the date is 10.10.2011) to 5 months, 4 weeks, and 2 days. Any particular reasoning? I’ve messed around with the date and can’t even get it to go to 6 months even.
- I was wondering if there is an easy way to adjust it to just show the days, (e.g. 60 days instead of 2 months). Is this possible without getting into a difficult amount of script modification?
Thanks for the help! Anxious to hear any fixes. Thanks!
Trent
Hello Trent, I have no idea why it would display 4 weeks instead of 6 months. You can hide weeks using “DHMS” as format. This format will display only Days and time. If you want to show only days use “D” for format value.
PERFECT. Thank you very much – works great.
In the preview of the widget it shows a 1-2 px border around the background color but this is not present when I add the widget to my page. I like the border, is it something that I can somehow add simply? I see it may have been removed a couple versions ago? Thanks in advance.
Yes it is possible to add border, but without padding.
body .hasCountdown{ border:1px solid #999; }This code will add border around all countdowns on your site.
Currently countdown doesn’t have a wrapper div, so it is impossible to add the padding.
I may add it with the next version for better styling.
Shailan,
on your page I see the countdown having rounded corners. Is it possible to make this happen? How do I do this?
Just add this code to your stylesheet:
body .hasCountdown{ border-radius: 10px; }For now border radius support is limited. But soon all browsers will show this as rounded.
Hi Shalian, first i am sorry about my poor english, i live in Brazil and we speak portuguese here! How i can change my default language? I find the language files … but i don´t know how to change to “pt-BR” . Can you help me?
#countdown-widget uses default wordpress language defined in wp-config.php. Read the reference here : http://codex.wordpress.org/Installing_WordPress_in_Your_Language
Shalian,
Great plugin! I was wondering if it’s possible to display the countdown with two digits separated by colons – 09 : 00 : 23 : 02
Hello there im trying to use your plugging on my wordpress website but after filling up all the infos, its still now showing up on the homepage. Any help?