ufoufoufo

ufoufoufo supports this item

Supported

195 comments found.

i’ve looked through the comments and tried several of your code suggestions but i am still unable to get the timer to change sizes on mobile pls help! thx!

https://riverfrontestates.ca

Hi,

you almost did it right, all you need to do is set a small “width” setting to the shortcode inside the “small_size_countdown”, try to replace it with my example code below

e.g.
<div id="small_size_countdown">[jcountdown timetext="2017/3/25 9:00:00" timezone="-5" style="slide" 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>

Dear Builder can you please provide support so that this plugin can work within DIVI. I tried to add it to the text editor within it and it doesn’t load. Although it loads in Visual Composer fine. Please advise.

I did request it I would like this to work in DIVI it’s a great plugin on its own. And it works fine within Visual Composer it would be ashame for it to not load in DIVI.

BTW I requested you to email me your email so I can send you a user account btw.

just reply your mail, please check your mailbox

I need a count-up timer.

In other words:

Days Since Donald Trump said he Would Defeat ISIS:

140 days past due

I want something that keeps counting up.

Days Without A School Shooting in the U.S.

etc. etc.

Hi, this is only for countdown for now

Hi there, my website background is white, therefore it’s not possible to see the text labels, can you please advise how I change these to black?

please check the help file

Also noticed that it isn’t mobile responsive either – how do I fix this?

Hi, you can use simple CSS scripts to hide/show your large/small countdown to do that, try to insert these example script on you post

<style>
#small_countdown{
    position:relative;
    text-align: center;
}
#large_countdown{
    position:relative;
    text-align: center;
}
@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">[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">[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>
re78692

re78692 Purchased

Hello its work page and post but when i try this plugin shortcode product short description its not work please help me this plugin purchase my eCommerce site i want to show this product page

Hi, Wordpress only support to use Shortcodes in Post, Page and Sidebar, so please make sure you add the Shortcodes in Post, Page or Sidebar

re78692

re78692 Purchased

but in mobile layout showing not responsive how to fix it how to small size .. because your timer mobile version not resposnive

Hi, you can use simple CSS scripts to hide/show your large/small countdown to do that, try to insert these example script on you post

<style>
#small_countdown{
    position:relative;
    text-align: center;
}
#large_countdown{
    position:relative;
    text-align: center;
}
@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">[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">[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>

Hello, Is it possible to use a countdown for a woocommerce product, ? in the description of the product ? or change the product statut after time is up ? Regards, Nicolas

Hi, I’m not sure how woocommerce works, but you can use jCountdown to create shortcodes, and Wordpress support to use Shortcodes in any Post, Page and Sidebar

Simli

Simli Purchased

Hello, how can I change the colour of the font below the label (days, hours, minutes, seconds). Default is white but I would like to have it displayed in black because my websites background is already in white colour.

Thanks!

Hi, please check the help file, you can get more information about change the label and other style in photoshop

Hi,

I need an evergreen countdown of only 15 minutes. And I want it to only show minutes and seconds.

It should always be activated and restarted when loading the page.

it’s possible? help Thank you very much

sorry, for now you need to setup a static date, so you can try other great countdown plugin

Hi,

I installed and configured the plugin, however, the timer is not displayed.

I have used the below code:

22:50:54[/jcountdown]

And the URL to the website is https://www.economicscafe.com.sg

When viewed the source code, I could see the error in the Script. Could you please help to fix. Thanks!!

Hi, but I can’t find where you put the shortcode, can you please send me your wp account via this page https://codecanyon.net/user/ufoufoufo,so I can try to help you

I have installed the countdown for WordPress and while it’s awesome, it’s not responsive. How can I make it responsive?

Just noticed this is not responsive. How can I fix this? 90% of my visitors are mobile.

Hi,

you can’t set the size with % number, but you can display a small countdown when user using the small screen device,

try to insert these example script on you post to hide/show your large/small countdown

<style>
#small_countdown{
    position:relative;
    text-align: center;
}
#large_countdown{
    position:relative;
    text-align: center;
}
@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">[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">[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>

This comment is currently being reviewed.

Label is not showing on the page. This is shortcode: 19:00:00[/jcountdown]

Is there a issue which causes this?

Hi, please send me your site URL here https://codecanyon.net/user/ufoufoufo so I can help you

Hi ufoufoufom,

Thanks for this awesome countdown timer. it’s really nice. I’ve been looking through the comments to see if there was any way to make this responsive, and I’m sure you’ve got this question a hundred thousand times, but is there a way ?

here’s my site.

www.show-pro.com.au

Cheers,

Lukas.

Hi, you can use simple CSS scripts to hide/show your large/small countdown to do that, try to insert these example script on you post

<style>
#small_countdown{
    position:relative;
    text-align: center;
}
#large_countdown{
    position:relative;
    text-align: center;
}
@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">[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">[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>
by
by
by
by
by
by