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

  • Profile Image
    liamformedia
    Asked 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?

  • Profile Image
    pinoytech
    Answered 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
    liamformedia
    Answered 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
    pinoytech
    Answered 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
    liamformedia
    Answered 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
    jefreylandicho
    Answered 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
    pinoytech
    Answered 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!