How can you move the form's text boxes down?

  • Profile Image
    guest_23406377955058
    Asked on December 07, 2012 at 02:51 PM

    I have designed a custom background where I have a logo and some other things in the top of the image. When I add the text boxes of the form, they align with the top of the form. Can can I move the text boxes down?

  • Profile Image
    fxr
    Answered on December 07, 2012 at 03:39 PM

    Hi, Can you try injecting this Custom CSS?

    .form-section {margin-top:260px !important; }

    These are the instrutions for where you need to put this rule:

    @ http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    --

    It may a little more tweaking but that should be a good starting point.

  • Profile Image
    eraflowitz
    Answered on December 10, 2012 at 12:45 PM

    When I did that, it also moved my background image down as well. How do I have that top margin apply to the text boxes only, and not the background image.

     

    The current css I have is:

    .form-section {margin-top:260px !important; }

     .form-all {

    background: url(http://i1093.photobucket.com/albums/i428/regancomm/facebooktab_test-1.jpg) no-repeat top left;

    }.form-all {height: 1200px;}

  • Profile Image
    idarktech
    Answered on December 10, 2012 at 02:09 PM

    Hi,

    Append this to your code:

    .form-line.form-line-column {

    line-height: 28px;

    }

    .form-all {

    padding-top: 260px !important;

    padding-left: 20px !important;

    }

    .form-line-active{

    background:none !important;

    }

    .form-label-left, .form-label-right{

    visibility: hidden !important;

    }

    Let us know how it goes so we can assist you further. Thanks!

  • Profile Image
    eraflowitz
    Answered on December 12, 2012 at 02:06 PM

    Thanks so much! It worked!

  • Profile Image
    pinoytech
    Answered on December 12, 2012 at 02:08 PM

    In behalf of my colleague, you are quite welcome! Feel free to contact us at anytime if you need assistance.

    Thank you!