Day Countdown Widget CSS

  • pronosticosF1Valencia
    Asked on November 9, 2021 at 8:58 AM

    How can I change the size for count down display digits, if not how can i display:none the colons :::

    Thanks

  • Samuel_Ray Jotform Support
    Replied on November 9, 2021 at 9:31 AM

    Hi there,

    Please give me some time. I'm working on your issue right now.

    Thank you!

  • Samuel_Ray Jotform Support
    Replied on November 9, 2021 at 9:48 AM

    Hi,

    For you to be able to adjust the size of the countdown on the bottom, you can inject this CSS code:

    #note {

    font-size: 150%;

    }

    As for removing the ":::" at the top, you can inject this code into your widget.

    span.countSeconds,

    span.countDiv.countDiv2 {

     display: none;

    }

    .countMinutes,

    .countDiv.countDiv1{

     display: none;

    }

    span.countHours,

    span.countDiv.countDiv2 {

     display: none;

    }

    span.countDays,

    span.countDiv.countDiv3 {

     display: none !important;

    }

    I hope this helps. If you need further assistance, please don't hesitate to reach out to us again. Thank you!

  • Samuel_Ray Jotform Support
    Replied on November 9, 2021 at 10:08 AM

    Hi,

    I forgot to add another line of code for your issue.

    Please inject this CSS code to fully remove all of the ":"

    .countDiv.countDiv0,.countDiv.countDiv1,.countDiv.countDiv2{

    display: none;

    }

    For your guidance as well, you can check this guide for details on how you can inject these CSS codes: How to Inject Custom CSS Codes.

    Please reach back to us if you need further assistance. Thank you!

  • pronosticosF1Valencia
    Replied on November 10, 2021 at 8:27 AM

    Thank you for your response, The code for removing ":::" worked fine, The code to reduce display digits did not! Only works on text note.

    I'm trying to show a timer countdown based on Settings End Date. The Day countdown Widget is the closest I can get to this solution, but i have to set it manually. Do you have an auto solution for this? it is very useful to show how long the form is going to be accessible.

    Thanks so much for your help


    best regards

  • Basil JotForm Support
    Replied on November 10, 2021 at 8:51 AM

    Hi,

    Unfortunately, all of the countdown widgets would require to be manually set up.

    Please let us know if you have any further questions.