Changing the background color of the check box in Terms and Conditions widget

  • xxxTRISTAMxxx
    Asked on September 20, 2017 at 9:24 AM

    I have my form on black background and I want to know what was the css coding for the following:

    - TOS Check box is black = Would like to change it to orange

    - All of m

    y table questions are white/grey bg = Would like to change them to black bg with orange text/radio buttons

    Thanks


  • Jan
    Replied on September 20, 2017 at 11:21 AM

    Please inject this custom CSS code inside the Terms and Conditions widget:

    .icheckbox_minimal.checked {|
    background: orange;
    }

    .icheckbox_minimal.checked.hover {
    background: orange;
    border-color: orange;
    }

    .icheckbox_minimal.hover {
    border: 1px solid orange;
    }

    Click the widget and then click the "Widget Settings" button. Go to "Custom CSS" tab and paste the code. Click the "Update Widget" button when you're done.

    Changing the background color of the check box in Terms and Conditions widget Image 1 Screenshot 30

    Here's a guide on How-to-Inject-CSS-Codes-to-Widgets. Here's the result:

    Changing the background color of the check box in Terms and Conditions widget Image 2 Screenshot 41

    I created a separate thread for the other issue. Please wait for my reply on this thread: https://www.jotform.com/answers/1252805.


    Hope that helps. Thank you.