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 Labels and Fields Only?

    Asked by choreo on August 18, 2016 at 03:25 AM

    I went into the Designer and widened this form to 1000px wide which added the red background areas behind the header text.

    I also manually added this code in the <head> from an earlier Tech Support answer that centers the entire form on the page:

     

    <style type="text/css">

    .form-all {

        margin: auto !important;

    }

    </style>

     

    My question is, "Is there a way to maintain the relationship between all the labels and fields on the page in the entire form just as they now (justifying to the left) but in the full-screen view, just move them over to the right to where they center as a block in relation the dark red header element?" Hope that makes sense?

    Page URL:
    http://www.ciaobellagetawayclub.com/Prototype/Join.html

    and style full-screen block wide
  • Profile Image

    Answered by Irshad on August 18, 2016 at 07:07 AM

    I am sorry, but I am having little confusion to understand the requirement.

    I am checking this form: http://jotform.com/62290733231146. And I am able to see all the labels and fields are properly aligned. 

    Can you please send us the screenshot, exactly what do you want to achieve, so we can easily understand the requirement, and can give you the best solution. 

    Below is the guide to attach screenshot on Forum: 

    https://www.jotform.com/answers/277033-How-to-add-screenshots-images-to-questions-to-the-support-forum

  • Profile Image

    Answered by Irshad on August 18, 2016 at 07:36 AM

    If you want to keep all the form fields at center of the Form, then please inject the below css code:

    .form-line{

        width: 600px;

        margin-left: auto;

        margin-right: auto;

    }

     

    You can verify it on my Clone form here: http://jotform.com/62303168198963

  • Profile Image

    Answered by pagliasso on August 20, 2016 at 06:32 AM

    Irshad, that fixed it - THANKS!