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

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

  • Profile Image
    Jim_R
    Answered 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
    LegacySolarCoop
    Answered 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
    Jim_R
    Answered 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: