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

  • Profile Image
    Asked on September 20, 2017 at 09: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


  • Profile Image
    Answered 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.

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

    I created a separate thread for the other issue. Please wait for my reply on this thread:

    Hope that helps. Thank you.