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

    There is a narrow vertical line in the middle of the top of my form. How do I remove it?

    Asked by starlightincorp on January 25, 2015 at 12:31 PM

    The line appears when I don't have an image selected as a form background.  If i select a file then the line disappears.  I can't figure out which CSS code I need to delete to get rid of this problem.


    Original post of this question

    remove vertical line thin vertical line middle of background get rid of line line down the center
  • Profile Image
    JotForm Support

    Answered by abajan on January 25, 2015 at 12:49 PM

    Hi again,

    To remove that pesky line, please do the following:

    1. Click the Designer button (as shown in my colleague's first screenshot)

    2. Click the CSS tab:


    3. In the work area, replace

    .form-all {

    }

    #50204994719360 div.form-all {
       background-image : none;
    }

    with the following:

    .form-all {
     background-image: none;
    }


    4. Save the jotform:

     

    The result should be like this clone:
    http://form.jotformpro.com/form/50244927832962

    If you need further help with this or anything else JotForm related, we'd be happy to provide it.

    Thanks

  • Profile Image
    JotForm Support

    Answered by abajan on January 25, 2015 at 01:08 PM

    Incidentally, if you also wanted to remove the horizontal line between the main header and its sub-header, add the following rule:

    .form-subHeader {
       border-top: 0;
    }

    This was added to my clone.


    Thanks

  • Profile Image

    Answered by starlightincorp on January 25, 2015 at 06:09 PM

    Thank you so much for your help in resolving this.  Edited the code and its all looking good now.  Cheers.

  • Profile Image
    JotForm Support

    Answered by abajan on January 25, 2015 at 07:26 PM

    Hey, glad I could help.

    Do let us know if there's anything else with which you need assistance.