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

    Centering check boxes

    Asked by wadecarpenter on April 07, 2014 at 03:38 AM

    I am unable to get the Check Boxes : Option1, Option2, Option3 & Option4 to center across my form.

    As you can see from the screenshot image I have injected the following CSS code:

    #input_75_0{text-align: center !important;}

    #input_75_1{text-align: center !important;}

    #input_75_2{text-align: center !important;}

    #input_75_3{text-align: center !important;}

    Page URL:
    http://www.jotform.com//?formID=40496649135159

    Screenshot
    check css code
  • Profile Image
    JotForm Support

    Answered by ashwin_d on April 07, 2014 at 07:58 AM

    Hello wadecarpenter,

    I am not sure if I have understood your requirement correctly.

    Do you want to center align the checkbox options or you want to stretch it to cover the entire width of your form?

    Do get back to on this and we will try to find a custom css solution for your requirement.

    We will wait for your response.

    Thank you!

  • Profile Image

    Answered by wadecarpenter on April 07, 2014 at 11:40 AM

    I would like the whole group of checkboxes moved to the center not stretched across the entier form.  I am unable to attach additional screenshots showing the before and desired outcome so I sent via eamil reply.

  • Profile Image

    Answered by wadecarpenter on April 07, 2014 at 11:40 AM
    Hello,

    I was not able to attach additional screenshots by posting a site reply so I am attempting to reach you by this email.

    Attached are two images… one is my forms current condition and the other is my desired outcome.

    Thank you for your help!
    Wade

    ...
  • Profile Image

    Answered by EliezerN on April 07, 2014 at 12:30 PM

    @Wade

    Please note that replying to us from the email to send attched files will not work. Our forum does not accept attachments. Kindly follow this guide to know how to share screenshots with us in the forum: https://www.jotform.com/answers/277033

    Is this what you wish to accomplish?

    If so, all you need to do is to inject this CSS code to your form:

    #cid_75

    {

    position:relative !important;

    left:77px !important;

    }

    I hope this helps. inform us if you need further assistance with this inquiry.

    Thanks

  • Profile Image

    Answered by wadecarpenter on April 07, 2014 at 01:20 PM
    Yes, Thanks you!

    ...