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 change an input background, and how to center a form on a page background

    Asked by SolarLegacy on June 24, 2015 at 10:13 PM

    As you can see from the screenshot attached, I have 2 problems.  First, I need to move my form to the right and down.  I want to position it properly on the page background.  when I use the designer and try to Pad the form on the left or top, it only moves the input fields and not the form blue background.  Please help?

    The second problem is when you click on an input field, the pinkish big box appears and covers up the field label. I dont want any boxing - when you click on the field, I just want to see the typing in the field box.  Please help too?

     

    THANK YOU.   

    Page URL:
    http://form.jotform.us/form/51746934653161

    Screenshot
    and form on how a
  • Profile Image
    JotForm Support

    Answered by Chriistian on June 25, 2015 at 01:17 AM

    Hi SolarLegacy, 

    Thanks for contacting us.

     

    For your first problem, can you try injecting the custom CSS code below to your form?

    .form-all {

      margin-left: 50%;

      margin-top: 10px !important;

    }

     

    To inject custom CSS code to your form, you can follow the instructions provided in this article: How to Inject Custom CSS Code.

     

    For your second problem, you can set the highlight color settings of your form in designer mode and update it to transparent. To do this, just follow the instructions below.

     

    Do let us know if you need further assistance.

     

    Regards.