Centering Radio Columns in a field.

  • FurbabyFURtography
    Asked on September 8, 2016 at 3:16 AM

    I have tried CSS & failed, but not suprised cause I don't know CSS as well as other codes.   But I am trying to center my radio columns and having NO LUCK!    Can someone help with this?   I would like all 13 options on a 5 row, 3 column set up... as you see I have that... but they are all aligned left, and the longer ones are on 2 lines.   I would like to spread this out more to have each option on 1 line and centered on the page.    Help?  Please?   ThanksCentering Radio Columns in a field Screenshot 20

  • beril JotForm UI Developer
    Replied on September 8, 2016 at 4:10 AM

    Could you please inject the CSS code below to show each option on one line?

    .form-radio-item {

    width: 250px !important;

    }

    You can also align your field to center by adding the CSS code below:

    .form-multiple-column{

    margin-left : 50px !important;

    }

     

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.

  • FurbabyFURtography
    Replied on September 8, 2016 at 9:53 AM

    You are my hero!!  Thank you so much!  Worked like a charm!

  • beril JotForm UI Developer
    Replied on September 8, 2016 at 10:37 AM

    Thank you so much for your kind words. =) We are happy to hear that my CSS code worked for you. If you need further assistance, feel free to contact us anytime. We are always here for you.