Moving the radio buttons away from the left border

  • Profile Image
    ceyang
    Asked on February 26, 2015 at 02:17 AM

    Hello

    I found my options of radio-button type questions always stick to the left of the page.

    any way to fix it?

    (see attached image and link)

     

    video:

    https://www.dropbox.com/s/m02sampkzbhk8yg/jotform.mov?dl=0

     

     

    thx

  • Profile Image
    Ben
    Answered on February 26, 2015 at 09:56 AM

    Could you please give us the link to the jotform where this is happening and we will help you align the radio buttons more to the right - away from the margin?

  • Profile Image
    ceyang
    Answered on February 26, 2015 at 11:47 AM
  • Profile Image
    Ben
    Answered on February 26, 2015 at 01:25 PM

    You are welcome. Thank you for the link.

    Please try adding the following CSS code:

    li[data-type="control_radio"] > div {
        padding-left: 30px;
    }

    Once you do please check if that is what you are after.

    If you want just change the 30 from the code to some other number, if you want a different spacing (smaller or larger one).

    Please take a look at this guide if needed, to see how to add the custom CSS code to your jotform (please add it at the very bottom of the field): Inject Custom CSS Codes

  • Profile Image
    ceyang
    Answered on February 26, 2015 at 02:16 PM

    I think it works!

    thanks!!

  • Profile Image
    Shadae
    Answered on February 26, 2015 at 04:19 PM

    Hi ceyang,

    On behalf of my colleague, you are most welcome. We are happy to hear that it worked.

    Please inform us if you need further assistance.

    Thank you for using JotForm!