What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Center Radio Button

    Asked by willothewisp on June 12, 2017 at 11:53 PM

    Hello, 

    I previously asked how to get the radio button centre above my image, 

    i was told 

    .form-multiple-column {

        text-align : center;

        width : 100%;

    }

    which worked great but then i extended the width of my form - and will probably extend more later and this coding no longer works. 

    Also i want the radio button centred under the image and text not on top? 

    could someone please help me!

     

    Thank you!

  • Profile Image

    Answered by WilliamR on June 13, 2017 at 01:23 AM

    Hi,

    Can you add the following code in your CSS code.

    margin: auto;

    So it would look like this.

    .form-multiple-column {

     

        text-align : center;

     

        width : 100%;

        margin: auto;

    }

    If that doesn't work, then please provide me the URL, where we can see the form.

    Thanks

  • Profile Image

    Answered by willothewisp on June 13, 2017 at 02:43 AM
    hello,
    No it didn’t work. I widened the form layout and since then not even the centering of the buttons is working any more
    Thanks
    ...
  • Profile Image

    Answered by willothewisp on June 13, 2017 at 02:43 AM
    url https://www.jotform.com/build/71621837744865
    ...
  • Profile Image

    Answered by WilliamR on June 13, 2017 at 03:24 AM

    Hi,

    Thanks for providing the form. Can you try this code please?

    .form-radio-item label {
        margin : auto;
    }

    Let me know if that works for you.