Changing The Color of Day Countdown Widget with CSS

  • Profile Image
    Asked on December 18, 2020 at 06:11 AM

    Dear team,

    Here is the link to my form with the widget needing customization. Could you please kindly change the color of the widget from black background to violet. Thank you so much

  • Profile Image
    Answered on December 18, 2020 at 06:32 AM

    Hi @aaefromvietnam,

    Thank you for reaching us. For your information, I have cloned your form to demonstrate the answer and nothing has been changed on your original form. Please follow the steps and see the screencast below to change the colour:

    1. In the Form Builder, select the Day Countdown widget.

    2. Click the wand icon "Widget Settings" next to it.

    3. Go to the "CUSTOM CSS" tab.

    4. Copy and paste the following CSS code in the code window:

    .digit.static {

    background-image: none !important;


    .digit {

    background-color: #af00ff;


    .countDiv:before, .countDiv:after {

    background-color: #af00ff;



    If you require more assistance, please let us know.