Change the color of check marks

  • AlohaDogLodge
    Asked on June 2, 2023 at 3:31 AM
    Would like the check marks not be white.
  • Billy JotForm Support
    Replied on June 2, 2023 at 3:56 AM

    Hi Kim,

    Thanks for patiently waiting. We also need to inject CSS code into the form to change the color of the check mark. The code below changes the color to black.

    .form-checkbox-item:not(#foo) label:before {
    border-color: #000 !important;
    }
    .form-checkbox-item:not(#foo) label:after {
    background-color: #000 !important;
    box-shadow: 0 3px 0 0 #000000, 3px 3px 0 0 #000000, 6px 3px 0 0 #000000, 9px 3px 0 0 #000000, 8px 6px 0 0 rgba(0, 0, 0, 0.39), 10px 1px 0 0 rgba(0, 0, 0, 0.39);
    }

    Here are the steps to inject the CSS code for your convenience:

    1. Open the form in Form Builder
    2. Click on the roller-paint icon (Form Designer) located in the upper right corner
    3. Click on the Styles tab
    4. In the Inject Custom CSS section, insert/paste the code above and click on Save

    Reach out again if you need any other help.