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

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?

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:

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.

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: