Center Radio Button

  • 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!

  • WilliamR
    Replied on June 13, 2017 at 1: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

  • willothewisp
    Replied on June 13, 2017 at 2: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
    ...
  • willothewisp
    Replied on June 13, 2017 at 2:43 AM
    url https://www.jotform.com/build/71621837744865
    ...
  • WilliamR
    Replied on June 13, 2017 at 3: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.

     

  • newbie06
    Replied on June 13, 2017 at 3:28 AM

    hi there,

    can you try adding the following css code into your website.

    #id_11 {
    max-width: 265px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    }
    #label_11 {
    max-width: 265px;
    }
    li#id_11 {
    text-align : inherit;
    color : fff;
    }
    #cid_11 {
    padding-left: 0;
    }
    .form-line-active {
    background-color: rgba(255, 255, 224, 0.43) !important;
    }

     

    by the way, the link you have sent seems to be invalid somehow, could you provide us a proper one please sir.

    have a nice day.