Get rid of frame around my form

  • Profile Image
    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.

  • Profile Image
    david
    Answered on March 30, 2018 at 11:31 AM

    I checked your form and the border was not present:

    1522423810Capture.PNG

    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

  • Profile Image
    delight
    Answered on March 30, 2018 at 11:36 AM

    This is the iframe code.


  • Profile Image
    david
    Answered 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.

  • Profile Image
    delight
    Answered on March 30, 2018 at 11:43 AM
    That is the one with the iframe.
    Kathy
    ...
  • Profile Image
    david
    Answered 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.

  • Profile Image
    Mike_G
    Answered on March 31, 2018 at 07:04 AM

    Thank you for that information.

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

    1522493416t06_49_23.png

    And you would like to make it appear like this:

    1522493553t06_52_14.png

    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.png

    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.

  • Profile Image
    delight
    Answered on March 31, 2018 at 04:31 PM

    That fixed it, thank you.