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

    Can you add a form onto a picture and make the background transparent?

    Asked by liamformedia on June 26, 2013 at 07:56 AM

    Hi I'm trying to add a form onto an image so it fits in nicely with the desing, but I can't find a way to do this. Is it possible?

    picture find
  • Profile Image

    Answered by pinoytech on June 26, 2013 at 08:13 AM

    Hi,

    You might like to take a look at this article for more detailed information.

    http://www.jotform.me/help/75-Customize-your-Form-using-Custom-CSS-Codes

    If you need further assistance, do let us know.

    Thank you!

  • Profile Image

    Answered by liamformedia on June 26, 2013 at 08:39 AM

    Thanks - I can add the image ok but I can't seem to move the form around on top of the image - is it possible to do this?

  • Profile Image

    Answered by pinoytech on June 26, 2013 at 08:51 AM

    Using custom css and inject into your form, that is possible. Can you please provide us the URL of your form for further assistance?

    Thank you!

  • Profile Image

    Answered by liamformedia on June 26, 2013 at 09:04 AM

    http://form.jotformeu.com/form/31763673191357

    As you can see, I'm trying to get the form to the bottom right of the image, and get the 'submit' button inline with the other boxes if possible.

    Thanks

  • Profile Image

    Answered by jefreylandicho on June 26, 2013 at 09:49 AM

    You can add the CSS code below to move the form

    .form-section {

    left: 10px !important;    

    top: 10px !important;

    }

    then try adding this code

    .form-buttons-wrapper {

    margin-left:210px !important;

    }

    You can change the px value to any value you want. I also added .form-all { height:894px; } 

    to increase the form height.

  • Profile Image

    Answered by pinoytech on June 26, 2013 at 10:01 AM

    Hi,

    Sorry to keep you waiting. Can you please take a look at this cloned form if this is what you want to achieve in your form?

    http://www.jotformpro.com/form/31764015016950

    If you need further assistance, do let us know.

    Thank you!