How to add text to the countdown clock?

Please follow these instructions:

1. open js/scripts/countdown.php
2. find this line:

$('#campaignCountdown').countdown({until: finalDate, layout: '{dn} {dl} : {hn} {hl} : {mn} {ml} : {sn} {sl}'});

and change it to read:

$('#campaignCountdown').countdown({until: finalDate, layout: '<span>YOUR TITLE</span><br>{dn} {dl} : {hn} {hl} : {mn} {ml} : {sn} {sl}'});

where you should change wording YOUR TITLE to be your title.

3. open style.css
4. find this line:

#campaignCountdown {border-top: 1px solid #fff; height: 60px; padding: 23px 0 0 220px; text-transform: uppercase; font-size: 24px; line-height: 33px; background: url('images/clock.png') 160px 21px no-repeat;}

and change it to read:

#campaignCountdown {border-top: 1px solid #fff; height: 60px; padding: 3px 0 0 220px; text-transform: uppercase; font-size: 21px; line-height: 31px; background: url('images/clock.png') 160px 21px no-repeat;}
#campaignCountdown span {font-size: 12px; line-height: 20px; text-transform: none;}

NOTE: this is just an example,you can change previous two lines as you like to fit your needs (font-size, line-height, padding, etc)

5. save and refresh your site.

0