How to change the background color of checkbox and radio buttons in configurable list widget?

Hi Ashwin,
Thanks a lot for this. I also have one other question. Do you know if it's possible to colour in bits of the form? I would like to have the checkbox in one colour (the background) and the radio boxes in a different colour.
Thanks,
Clive

Hello Cliveg,

Please inject the following custom css code in your configurable list widget to change the background color of radio and checkbox questions:

.checkbox {

    background-color: #b6f380;

}

.radio {

    background-color: #a2c4ca;

}

Feel free to change the color as per your choice. Please check the screenshot below how to inject custom css code in widget:

 

Hope this helps.

Do get back to us if you have any questions.

Thank you!

Thanks a lot for this Ashwin! I'll give it a go and let you know.

All the best,

Clive

Hello Clive,

You are welcome.

Do try it out and get back to us if you have any question.

Thank you!

Hi Ashwin,

 

Hope all's well. I just tried this a few times, but can't get it to work. Would you mind just putting in the CSS code yourself and then I can edit it if need be.

 

Thanks a lot,

 

Clive

Hi Clive,

Thank you for contacting us.

I have injecting CSS code that colleague wrote. Your Configurable list looks like:

You can change the colors as per your want. I have searched on the internet. You can find color's hex codes here: http://www.w3schools.com/colors/colors_picker.asp

If you have any questions or issue, feel free contact us.

Than a lot for this Helen.
Best wishes,
Clive
________________________________
...

Hi Helen,

________________________________
...

Hi Helen,
Following on from my email below, in fact if I add text the form, it also doesn't show up in the preview. Is this because I need to add it in a configurable list or something like that?
Thanks,
Clive
________________________________
...

@Cliveg

I created a separate thread regarding your next issue. Please wait for my reply on this thread: https://www.jotform.com/answers/1040955.

Thank you.