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

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

  • Profile Image
    abajan
    Answered 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
    abajan
    Answered 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
    starlightincorp
    Answered 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
    abajan
    Answered 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.