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

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

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

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

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

Hey, glad I could help.

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