Hi,

you can add two different size countdown for small and big layout,try to add these example script to your site

<style>
    #small_countdown{
        position:relative;
    }
    #large_countdown{
        position:relative;
    }
    @media screen and (max-width:1000px){
        #small_countdown{
            left:0px;
        }
        #large_countdown{
            left:-10000px;
        }
    }
    @media screen and (min-width:1000px){
        #small_countdown{
            left:-10000px;
        }
        #large_countdown{
            left:0px;
        }
    }
</style>

<div id="small_countdown" style="text-align: center;">[jcountdown timetext="2020/01/01 00:00:00" timezone="8" style="flip" color="white" width="300" textgroupspace="15" textspace="0" reflection="true" reflectionopacity="10" reflectionblur="0" daytextnumber="3" displayday="true" displayhour="true" displayminute="true" displaysecond="true" displaylabel="true" onfinishredirecturl=""]2020/01/01 00:00:00[/jcountdown]</div>

<div id="large_countdown" style="text-align: center;">[jcountdown timetext="2020/01/01 00:00:00" timezone="8" style="flip" color="white" width="600" textgroupspace="15" textspace="0" reflection="true" reflectionopacity="10" reflectionblur="0" daytextnumber="3" displayday="true" displayhour="true" displayminute="true" displaysecond="true" displaylabel="true" onfinishredirecturl=""]2020/01/01 00:00:00[/jcountdown]</div>

you’re welcome, have a nice day

it works fine on my browser, any problem?

<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js">

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js?ver=4.0.1'></script>

oCan – you tell me how to center the countdown? What CSS code?

sorry I just found the solution in your comments

it’s okay, have a nice day

sorry, but you can only create the countdown with a static date setting

Hi, seems you or your theme CSS setting overwrite some important setting, but don’t worry, all you need is add these script in your page to fix it up

<style>
.jCountdownContainer .label{
  display:inline-block !important;
  display:block !important;
  background-color:transparent !important;
}
</style>

you mean hide it? if so, no, but you can redriect URL when it reaches 0

yes, you can simple set URL, and redriect to that URL when it reaches 0, check the preview page you can see all screenshots

sorry, but I don’t see you install jCountdown on your site, so please install it and contact me here http://codecanyon.net/user/ufoufoufo

Hi, it’s not responsive, how ever, you can add some simple CSS setting to display different size countdown instance for the small resolution device, check the example scripts

<style>
    #small_countdown{
        position:relative;
    }
    #large_countdown{
        position:relative;
    }
    @media screen and (max-width:1000px){
        #small_countdown{
            left:0px;
        }
        #large_countdown{
            left:-10000px;
        }
    }
    @media screen and (min-width:1000px){
        #small_countdown{
            left:-10000px;
        }
        #large_countdown{
            left:0px;
        }
    }
</style>

<div id="small_countdown" style="text-align: center;">[jcountdown timetext="2014/11/29 18:32:3" timezone="8" style="flip" color="white" width="300" textgroupspace="15" textspace="0" reflection="true" reflectionopacity="10" reflectionblur="0" daytextnumber="3" displayday="true" displayhour="true" displayminute="true" displaysecond="true" displaylabel="true" onfinishredirecturl=""]2014/11/29 18:32:3[/jcountdown]</div>

<div id="large_countdown" style="text-align: center;">[jcountdown timetext="2014/11/29 18:32:3" timezone="8" style="flip" color="white" width="600" textgroupspace="15" textspace="0" reflection="true" reflectionopacity="10" reflectionblur="0" daytextnumber="3" displayday="true" displayhour="true" displayminute="true" displaysecond="true" displaylabel="true" onfinishredirecturl=""]2014/11/29 18:32:3[/jcountdown]</div>

Hi, don’t worry, basically WP will auto include this file, so we don’t need to do that

Hi,

1) maybe you can send me your site URL here http://codecanyon.net/user/ufoufoufo so I can help you

2) jCountdown was using the client system clock time, so you can’t use the server time, and you can try to view your site on different machine (PC/MAC/Mobile device), and it will display the same result, so don’t worry

Hi, jCountdown support a most easy way to create countdown to count to a specific target date, so you need to set a target time text like this 2014/012/31 12:00:00, sorry

don’t worry, you just need to extract the zip file first, and you will see the plugin and help files

Hi, don’t worry, you just need to embed this js file on your site to fix it

<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

Hi, if you are not a programmer, I suggest you to create the short code via the jCountdown Mega Package for WordPress shortcode panel, it’s a easy way to create countdown by simple click, but if you really want to use jCountdown with your custom field with PHP, you can try to print the javascript to create the jCountdown

I don’t understand if you answered my question or not…

Are you saying that if i create a shortcode i can then get the date value from my custom field?

Based on the fact that my expiry date field is called: clpr_expire_date

and that my output would be something like soo: 2014-08-30

Can you please respond here with an example shortcode from your plugin that I could then use?

Let me know if need something else.

If you can resolve this problem i will buy your plugin!

fyi: if you need to know how to execute a shortcode in php then use the following code example: <?php echo do_shortcode(‘[shortcode]’); ?>

Hi, please login with the account that you purchased this file to get support thanks

Hi, thanks for your opinion, but for now, jCountdown not support to display time in weeks