How can I get rid of the vertical line at the top of the order form?

  • Profile Image
    Asked on January 10, 2015 at 01:27 AM

    Both in the preview of the form and on the website, there is a vertical line near the top of the form. How can I get rid of it?

  • Profile Image
    Answered on January 10, 2015 at 10:21 AM

    Hello craseland

    Thank you for contacting us for support. I have analyzed your form and it appears that a very slim image was being added to your background. Perhaps you planned on using this image as a background but did not remember to set it on repeat or maybe it was uploaded by error. To get rid of this line I would recommend using one of our simple predefine background images, just remove the link for the image or you can modify the settings to repeat the uploaded image.

    While in the Form Builder please follow these steps.

    When the form Designer loads:

    If you would like to explore some of the stock backgrounds that we have available, follow the instructions below.

    You can view my cloned version of your form here:

    Feel free to contact us if further assistance is needed.


  • Profile Image
    Answered on January 10, 2015 at 11:57 AM


    If you just want to remove the 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 the current .form-all rule with:

    .form-all {
     background-image: none;

    4. Save the jotform:


    The result should be like this clone:

    However, as Sean has stated, it seems you may have intended to use the image as a the background in some way. If you were looking for a gradient fill effect, CSS alone can be used to achieve that. That's what was done for the background of this theme's heading. There are many online tools for creating gradients with CSS. Here's one of them.

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