Get rid of frame around my form

  • delight
    Asked on March 30, 2018 at 10:54 AM

    I redid my form and now I have a cream colored frame that's the full width of my web page to my form although the top and bottom around my form is much shorter.


    How do I get rid of this background around my form. The background OF my form is just fine. I just want this cream "frame" gone.

    Jotform Thread 1430719 Screenshot
  • David JotForm Support
    Replied on March 30, 2018 at 11:31 AM

    I checked your form and the border was not present:

    1522423810Capture Screenshot 10

    If the form is embedded to a web page, the border might be added by the page.  If that is the case, try using your form's iFrame code instead:

    https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

  • delight
    Replied on March 30, 2018 at 11:36 AM

    This is the iframe code.


  • David JotForm Support
    Replied on March 30, 2018 at 11:40 AM

    Would you mind providing a link to the page the form is embedded to?  I am fairly certain the border is being added by the page.

  • delight
    Replied on March 30, 2018 at 11:43 AM
    That is the one with the iframe.
    Kathy
    ...
  • David JotForm Support
    Replied on March 30, 2018 at 11:45 AM

    Does the form itself show the frame on your end?

    https://www.jotform.com/form/10721642173

    If it is not, let us know the page that the form is added to and we can check that page as well.

  • delight
    Replied on March 30, 2018 at 11:44 PM

    http://www.yourdrplumber.com/formContact.html

  • Mike_G JotForm Support
    Replied on March 31, 2018 at 7:04 AM

    Thank you for that information.

    If I'm understanding your concern correctly, I believe your concern refers to this:

    1522493416t06 49 23 Screenshot 10

    And you would like to make it appear like this:

    1522493553t06 52 14 Screenshot 21

    If my assumption is correct, then I suggest you try any of the following.

    1. Set the Page Color of the form to transparent from the Form Designer — Color Tab

    1522494093t07 00 10 Screenshot 32

    2. Inject the CSS codes below to your form following this guide — How-to-Inject-Custom-CSS-Codes

    .supernova {

      background-color: transparent !important;

    }

    I hope this helps. If, in any case, I have misunderstood your concern, please do not hesitate to let us know.

  • delight
    Replied on March 31, 2018 at 4:31 PM

    That fixed it, thank you.