Changing The Color of Day Countdown Widget with CSS

  • Profile Image
    aaefromvietnam
    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
    hestia
    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;

    }

    1608291058_5fdc92f2e882e_

    If you require more assistance, please let us know.