Change color of radio buttons

Hello,

For some mysterious reason all my radio buttons turned black. I may have done something when I was in advance design. I would like them to be white and then when they are click become black or another color. I tried inserting CSS text I copied from another customer post but that did not work. Thank you.

Hi Donna,

Thanks for reaching out to Jotform Support. This can be fixed by Injecting CSS Codes into your form. Let me show you how:

1. First, copy this code:

/*To fix the radio buttons*/

.form-radio-item:not(#foo) label:before {

    background-color: #ffffff !important;

}



.form-radio-item:not(#foo) label:after {

    background-color: red !important;

    top: -1px !important;

    left: 7.6px !important;

    width: 10px !important;

    height: 10px !important;

}

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

Here's what the result will look like:

Give it a try and let us know how it goes.

Fantastic! That worked perfectly. Thank you so much.