Center label textform and uplaod button

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

  • Profile Image
    Tasha
    Answered 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
    nowarmorenature
    Answered 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
    Tasha
    Answered 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
    nowarmorenature
    Answered 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
    Tasha
    Answered 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.