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

    How to center radio button field

    Asked by brettmatsuura on August 06, 2016 at 03:24 PM

    Hello, will you please advise how I can adjust the width of a radio filed, top align the text and then center the field with on the form. 

    I have included an image of someone else's form that achieves the result I am looking for that is next to how my form is currently displaying. 

    Page URL:
    https://brettmatsuura.com/lp/hl/irvine-home-list/where-to-ship-list/

    Screenshot
    center field custom css
  • Profile Image
    JotForm Support

    Answered by Mike on August 06, 2016 at 05:02 PM

    Please try adding the next CSS code via form designer to center the radio button field on your form.

    #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;
    }

    If you need any further assistance, please let us know.

  • Profile Image

    Answered by brettmatsuura on August 06, 2016 at 05:45 PM
    thank you. This solved my problem. I appreciate your prompt response!
    *Brett Matsuura*
    *Licenses*
    *Rezolve Consulting *| UT Lic# 5486223-PB00
    *Realty Source Inc | *CA Lic# 01885562 |
    ...