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

    How can I adjust the background image of the form's header?

    Asked by LegacySolarCoop on September 27, 2016 at 05:05 PM

    I have recently selected a responsive theme and applied it to my existing form. But the area with the orange background, which should only by the header area, is extending down into the first few fields. What's going on?

    Page URL:
    https://www.jotform.us/form/62526170759158?preview=true

    orange selected and responsive theme first
  • Profile Image
    JotForm Support

    Answered by Jim_R on September 27, 2016 at 08:27 PM

    That particular theme was designed that way by default. If you wish to move the orange background image to only cover the Header section of your form, try injecting the following CSS Codes:

    .form-all {

        background-position: center -220px;

    }

    Here's how:

    Related guide: How-to-Inject-Custom-CSS-Codes

    RESULT:

  • Profile Image

    Answered by LegacySolarCoop on September 28, 2016 at 06:02 PM

    That works, but not consistently. Do you know how I can remove it altogether? I now see I can use the advanced designer to add the background color there instead.

  • Profile Image
    JotForm Support

    Answered by Jim_R on September 28, 2016 at 09:11 PM

    If you want to remove it this time, just change the CSS you used

    from:

    .form-all {

        background-position: center -220px;

    }

    to:

    .form-all {

        background: none;

    }

    RESULT: