Center Radio Button

  • Profile Image
    willothewisp
    Asked 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
    WilliamR
    Answered 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
    willothewisp
    Answered 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
    willothewisp
    Answered on June 13, 2017 at 02:43 AM
    url https://www.jotform.com/build/71621837744865
    ...
  • Profile Image
    WilliamR
    Answered 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.