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

    Center label textform and uplaod button

    Asked by nowarmorenature on September 28, 2013 at 05:33 PM

    Hey,

    sorry for asking again :)

    With your help I got to embed a background.

    But now I have some new question.

    How do I center all the other texforms, labels also the upload button like the submit button?

    And, how can I fill the background image to the full site, even smaller it?

     

    Thank you very much:)

    Here is my form:

    http://form.jotform.co/form/32703050774853

     

    With kind regards,

    Chris

    label background image JotForm site fill
  • Profile Image
    JotForm Support

    Answered by Tasha on September 28, 2013 at 06:52 PM

    Hi,

    This can be achieved by injecting the css below. 

    .form-section {

    margin-left: auto !important;

    }

    .form-line {

    text-align: center !important;

    }

    #cid_4 {

    padding-left: 42% !important;

    }

    .form-all {

    background-size: 100% !important;

    }

    I hope this helps! Please let us know if you have another question. 

  • Profile Image

    Answered by nowarmorenature on September 28, 2013 at 07:18 PM

    hey Tasha,

     

    thanks for your help :)

    Now all buttons are centered.

    Is there any way to fill the background image fullscreen?

    Maybe by setting up the width and height?

  • Profile Image
    JotForm Support

    Answered by Tasha on September 28, 2013 at 08:19 PM

    Hi,

    Adding the CSS below will fix this issue. You can also look at the clone that I made of your form here and clone it if needed. 

    body {

    background: url('http://nowarmorenature.zxq.net/pics/backpic2.jpg')!important;

    }

    html {

    background: transparent; !important

    }

    Thanks!

  • Profile Image

    Answered by nowarmorenature on September 28, 2013 at 08:25 PM

    Thank you soooo much :) You are great and your service is soooo awesome :D

    Best support ever!

    After I tried for 5 hours as CSS nube, you fixed my problems... Thanks again :)

  • Profile Image
    JotForm Support

    Answered by Tasha on September 28, 2013 at 08:41 PM

    I am happy I could help :)! Please feel free to contact us again if you have any questions in the future.