ufoufoufo

ufoufoufo supports this item

Supported

188 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>

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

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

by
by
by
by
by
by