Why is my radio button css not working correctly?

  • Profile Image
    Asked on December 07, 2017 at 04:36 PM


    Dealing with a fairly simple form using three images as radio buttons. 

    1.  I have elected to spread the radio buttons to columns and all looks fine while building form.

    2.  When I actually execute the form, the CSS appears to be being ignored.

    3.  Additionally, when I select one of the radio button options, the background color behind the radio button widget changes colors. (See image)  Why?

    Thank you.


  • Profile Image
    Answered on December 07, 2017 at 05:43 PM

    Hi, It seems your screen shot did not go through kindly check this guide:How-to-Post-Screenshots-to-Our-Support-Forum

    But if the output you wanted looks like this,

    you can add this css codes in to your form.

    #label_input_7_0 img{
      margin-left: -40px;
    #label_input_7_1 img{
      margin-left: 250px;
      margin-left: 280px;

    #label_input_7_2 img{
      margin-left: 550px;
      margin-left: 570px;
      background-color: transparent;

    I also changed the background so when it is clicked it wont get highlighted.

    Here is a guide on how to insert custom css in your form:How-to-Inject-Custom-CSS-Codes

  • Profile Image
    Answered on December 07, 2017 at 06:46 PM

    Thank you, Richie. 

    One more thing...I would like the radio button label to be inline and not wrap.  Can you help me with this, please?


  • Profile Image
    Answered on December 07, 2017 at 09:05 PM

    Inject the following CSS code to display the labels as desired: 

    .form-label {

        width: 100% !important;


    I hope this helps. 

  • Profile Image
    Answered on December 07, 2017 at 09:12 PM

    Hi, Kevin!

    It is not working!  Here's form:  https://form.jotform.com/73406144953154


  • Profile Image
    Answered on December 08, 2017 at 09:41 AM

    Hi Denise,

    Apologies for the late response. I looked into your form and I can see that the radio button label is already displaying inline. Not sure if it was already modified by you?

    Here's what I see:


    Let me know if that's what you are trying to achieve.



  • Profile Image
    Answered on December 08, 2017 at 11:00 AM


    Yes!  I am anal enough to stick it out and found the answer in previous Jotform answers.  Thank you so much and forgive me for not communicating the issue was resolved.

    I appreciate your customer service and don't want to waste your time.